@charset "utf-8";
@font-face{ font-family:Impact; src:url(../fonts/impact.ttf);}
@font-face{ font-family:PingFang; src:url(../fonts/PingFang.ttf);}
@font-face{ font-family:ARVO; src:url(../fonts/ARVO-REGULAR.TTF);}
@font-face{ font-family:simkai; src:url(../fonts/simkai.ttf);}
@font-face{ font-family:kaiti; src:url(../fonts/kaiti.ttf);}
@font-face{ font-family:Barlow Condensed; src:url(../fonts/BarlowCondensed-SemiBold.ttf);}
@font-face{ font-family:BarlowCondensed-Light; src:url(../fonts/BarlowCondensed-Light.ttf);}
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}


@media (max-width:328px){html{font-size:12px;}}
/*==========================================公共 开始=============================================*/
.ar_wap{ display:none}
.a_body{position:relative;z-index:0;padding-top: 0;}
.section{ overflow:hidden;}

header{position:fixed;z-index:1000000;width:100%;background:#fff;height: 94px;top: -94px;transition:1.2s ease;box-shadow: 0 0 10px rgb(0 0 0 / 20%);}
header .lan a{position:absolute;right:3%;width: 36px;height:36px;line-height:34px;text-align:center;border:#e5e5e5 1px solid;font-size:13px;color: #c0c1c2;font-family:"Times New Roman";top:50%;margin-top:-18px; transition:0.36s}
header.on{ top:0}
header .logo{width:300px;height:94px;text-align: center;float: left;}
header .logo img{ height:80px;margin-top: 6px;}
header #nav{ font-size:0}
header #nav li{display:inline-block;width:125px;height: 94px;position: relative;perspective: 1000px;margin:0 -0.5px;}
header #nav li>a{ position:absolute; width:100%; height:100%; z-index:1000}
header #nav .menu div.sta1 h3{color:#fff;margin-top: 0px;position: relative;}
header #nav .menu div.sta1 h4{ color:#fff}
header #nav .menu .box{overflow:hidden;display: block;width: 100%;height: 100%;position: relative;}
header #nav .menu .sta1,header #nav .menu .sta2 {
	position: absolute;
	height: 94px;
	pointer-events: none;
	width: 100%;
	padding-left: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	transform-origin: 50% 50% -55px;
	-webkit-transform-origin: 50% 50% -55px;
	-moz-transform-origin: 50% 50% -55px;
	-ms-transform-origin: 50% 50% -55px;
	text-align: center;
}
header #nav .menu .sta1 {
	background: #1d2089;
	transform: rotateX(90deg);
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	-ms-transform: rotateX(90deg);
}
header #nav .menu .sta2 {
	background: #ffffff;
	transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
}
header #nav .menu div h1 {
	font-family: Verdana, Arial, "Microsoft YaHei", "SimHei", sans-serif;
	font-size: 14px;
	font-smooth:always;
	letter-spacing:1px;
	line-height: 18px;
	display: block;
	height: 18px;
	clear: both;
	text-align:left;
	text-transform:uppercase;
	margin:21px 0 0 0;
}
header #nav .menu .sta1 h1 {
	color:#fff !important;
}
header #nav .menu:hover h1 {
	color:#fff !important;	
}
header #nav .menu .sta2 h1 {
	color:#000;
}
header #nav .menu div span {
	display: block;
	height: 18px;
}
header #nav .menu div span {
	font-size: 16px;
	color: #000000;
}
header #nav .current div span {color: #fff;}
header #nav .menu div h3{height:40px;line-height:40px;margin-bottom: 5px;font-size: 16px;color: #483c2a; font-weight: bold;}
header #nav .menu div h3 img{ transition:0.6s}
header #nav .menu div h4{font-size: 13px;color: #483c2a;text-transform: uppercase;font-family: Roboto;}
header #nav .menu:hover{cursor:pointer}
header #nav .menu:hover>div{transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease}
header #nav .menu:hover .sta1{color:#fff;transform:rotateX(0deg);-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg);opacity: 1;height: 94px;}
header #nav .menu:hover .sta2{color:#000;background-color:#000;transform:rotateX(-90deg);-webkit-transform: rotateX(-90deg);-moz-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);opacity: 0;}

header #nav .current:hover{cursor:default}
header #nav .current .sta1, header #nav .current:hover .sta1{color:#fff;transform:rotateX(0deg);-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg)}
header #nav .current .sta2, header #nav .current:hover .sta2{color:#000;background-color:#000;transform:rotateX(-90deg);-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg)}
header #nav .menu:hover span{ color:#fff}

header .search{width:30px;height:30px;text-align: center;float: right;}
header .search img{ height:30px;margin-top: 30px;}
.datu{position:relative;width:100%;height:100vh;top: 0;}


.header{position:absolute;z-index:1000000;width:100%;background:transparent;height: 94px;top: 0px;transition:1.2s ease;/*	box-shadow: 0 0 10px rgb(0 0 0 / 20%);
	background-color: rgba(255, 255, 255, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);*/
}
.header.on{ top:0}
.header .logo{width:330px;height:94px;text-align: center;float: left;}
.header .logo img{ height:80px;margin-top: 6px;}
.header .search{width:30px;height:30px;text-align: center;float: right;}
.header .search img{ height:30px;margin-top: 30px;}

/*=================导航=================*/
.nav-bg {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    display-radio: flex;
    background-fill-value: background-image;
    background-image: url(../images/nav-bg.jpg);
    background-position: bottom center
}
.nav{  width:1100px;height:52px;}
.nav ul{}
.nav li { display:block; position:relative;float:left; width:157px; }
.nav li .a{ display:block;text-align:center; height: 52px; line-height: 52px;}
.nav li .a strong{ border-radius:2px;font-weight:normal; font-size:16px; color:#fff;}
.nav li .a span{ font-size:14px; text-transform:uppercase; padding-top:6px; display:block; color:#fff; }
.nav li:hover .a { background:#da251c; }
.nav li:hover .a strong{ color:#fff;}
.nav li:hover .a span{ color:#e95c18;}
.nav li:last-child{ background:none !important;}
.nav ul li .list{left:0px; top:52px; z-index:9999; display:none; width:157px; position:absolute;  filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5122369', endColorstr='#E5122369');background:rgba(6, 77, 131,0.9); }
.nav ul li .list{ padding:10px 0; border-top:3px solid #03387a;}
.nav ul li .list a{height:40px; font-size:16px; text-align:center; display:block; line-height:40px !important; color:#FFF;}
.nav ul li .list a:hover{ color:#efe0a9;}


#banner{ position:relative; height:750px; overflow:hidden;min-width: 1200px; margin-top: 94px;}
#banner .bd { position:relative;}
#banner .bd a{ display:block; width:100%; height: 750px;}
#banner .hd{  margin:0 auto; position:absolute; width:100%; bottom: 5px;}
#banner .hd ul{ margin:0 auto; z-index:9; width:100% display:inherit; text-align:center;/* border-top:1px solid #56585c;*/ margin-top:0px; position:relative; height:40px;  }
#banner .hd ul li{ display:inline-block; padding-top:13px;}
#banner .hd ul li a{  border-radius:50%;  height:10px; width:10px; margin:0 3px; display:block; background:#fff;  }
#banner .hd ul li a:hover{ background:#fe0000;  }
#banner .hd ul .on a{  background:#fe0000;  }
#banner  .bnt{ position:absolute; top:70%; z-index:3; }
#banner  .bnt:hover{ }
#banner .prev{ position:absolute; left:-54px; }
#banner .next{ position:absolute; right:-54px; }
#banner:hover .prev{left:50px;  opacity:1; filter:alpha(opacity=100);}
#banner:hover .next{right:50px; opacity:1; filter:alpha(opacity=100);}
#m_banner{display:none}
#m_banner .bnt{position:absolute;top:50%;z-index:3;margin-top:-12px}
#m_banner .bnt img{height:25px;width:25px}
#m_banner:hover .prev{left:10px;opacity:1;filter:alpha(opacity=100)}
#m_banner:hover .next{right:10px;opacity:1;filter:alpha(opacity=100)}


/*==========================================公共 结束=============================================*/
/*==========================================首页 开始=============================================*/

.index_one{ padding:60px 0 60px;}
.index_one .w1320{margin-top: 50px;}

/* 幻灯新闻 */
.focus-slide{ position: relative;  height: 430px;}
.slide-news{ float: left;width:642px;  height: 427px;}

/* 焦点图切换-新闻内容 */
.focusBox{ margin-bottom: 15px;/* width: 100%; */ overflow: hidden; position: relative;}
.focusBox .hd{position: absolute;z-index: 1;right: 4px;bottom: 19px;}
.focusBox .hd ul{ overflow: hidden; zoom: 1; float: left;}
.focusBox .hd ul li{ float: left; margin-right: 7px; width: 12px; height: 12px; line-height: 12px; text-align: center; background: #ccc; cursor: pointer; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.focusBox .hd ul li.on{ background: #FF5600; color: #fff;}
.focusBox .hd ul li span{ display: none;}
.focusBox .bd{ position: relative; overflow: hidden;}
.focusBox .bd li{ position: relative;}
.focusBox .bd .pic{ position: relative; z-index: 0; line-height: 0;}
.focusBox .bd .pic img{ width: 100%; height: 427px; border: 0;}
.focusBox .bd .con{ position: absolute; width: 100%; z-index: 1; bottom: 0; height: 50px; line-height: 50px; text-align: left; font-size:16px;}
.focusBox .bd .con .title{ position: absolute; width: 100%; bottom: 0; left: 0; z-index: 1; height: 100%; overflow: hidden; text-align: center;}
.focusBox .bd .con .title a{ color: #fff; padding-left: 10px; text-decoration: none;}
.focusBox .bd .con .titleBg{ position: absolute; width: 100%; z-index: 0; bottom: 0; left: 0; background: #015293; filter: alpha(opacity=30); opacity: 0.3; height: 50px;}
.focusBox .prev,
.focusBox .next{ position:absolute; left:3%; top:45%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; z-index: 1000;}
.focusBox .next{ left:auto; right:3%; background-position:8px 5px; }
.focusBox .prev:hover,
.focusBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.focusBox .prevStop{ display:none;  }
.focusBox .nextStop{ display:none;  }

/* 焦点新闻 */
.focus-news{width:690px;float:right}
.focus-news .t{padding-bottom:15px;margin-bottom:15px;border-bottom:1px dotted #ccc}
.focus-news .t .title{font-size:18px;height:40px;line-height:40px;overflow:hidden;margin-bottom:5px}
.focus-news .t .tit{color:#000}
.focus-news .t .tit:hover{color:#c30000}
.focus-news .t .intro{font-size:14px;color:#999;text-align:left;line-height:24px;height:48px;overflow:hidden}
.focus-news .t .intro .more{color:#c30000}
.focus-news .n{height:40px;line-height:40px;overflow:hidden;padding:0 10px 0 0}
.focus-news .n .tit{font-size:16px;padding-left:16px;background:url(../images/icon-dot.png) left center no-repeat}
.focus-news .date{float:right;color:#999;margin-left:10px}
.focus-news .tabBox{margin-bottom:0px}
.focus-news .tabBox .bd{width: 100%;}

/* tab切换 */
.focus-news .tabBox{margin-bottom:20px}
.focus-news .tabBox .hd{height:50px;line-height:50px;position:relative;border-bottom: 2px solid #ccc;}
.focus-news .tabBox .hd h3{float:left;padding:0 15px;font-size:18px;position:relative;z-index:1;line-height:44px;}
.focus-news .tabBox .hd ul{height:50px;line-height:50px;}
.focus-news .tabBox .hd li{float:left;}
.focus-news .tabBox .hd li a{padding:0 16px;font-size:18px;}
.focus-news .tabBox .hd .on{background: #1d2089;}
.focus-news .tabBox .hd .on,.tabBox .hd h3{color:#fff;font-weight: 700;}
.focus-news .tabBox .hd .on a,.tabBox .hd h3 a{color:#fff}
.focus-news .tabBox .hd li a:hover{text-decoration:none}
.focus-news .tabBox .hd .more{float:right;color:#999;position:relative;z-index:1;padding-left:10px;}
.focus-news .tabBox .hd span {
    display: block;
    padding: 0;
    margin-right: 5px;
    float: left;
    width: 28px;
    height: 21px;
    margin-top: 15px;
    background: url(../images/icon-more.png) no-repeat center center;
}
.focus-news .tabBox .hd a:hover span { background: url(../images/icon-more-hover.png) no-repeat center center;}
.focus-news .tabBox .bd{overflow:hidden;padding:10px 0px;}


.index_two{ padding:50px 0;}
.index_two .w1320{margin-top: 50px;}

.index_two .cloud-product-wrapper {
    margin: 0 auto;
    width: 100%;
}


.index_three{padding: 0px 0;}
.index_three .info_left {
    width: 50%;
    height: 500px;
    float: left;
    padding: 30px 20px 30px 30px;
    background: #f4f7fc;
}
.index_three .info_right {
    width: 50%;
    height: 500px;
    float: right;
    padding: 30px 30px 30px 20px;
    background: #f4f7fc;
}
.index_three .item {
    background: #f4f7fc;
    height: 100%;
}

.index_three .tabBox{margin-bottom:20px}
.index_three .tabBox .hd{height:60px;line-height:60px;position:relative;}
.index_three .tabBox .hd h3{float:left;padding:0 15px;font-size:18px;position:relative;z-index:1;line-height:44px;}
.index_three .tabBox .hd ul{height:60px;line-height:60px;}
.index_three .tabBox .hd li{float:left;width: 33.3%;text-align: center;padding: 0 11px;}
.index_three .tabBox .hd li a{padding:0 16px;
    display: block;
    text-align: center;
    background: #3d87d1;
    border: 1px solid #e5e5e5;
    height: 58px;
    line-height: 58px;
    font-size: 18px;
    color: #fff;
}
.index_three .tabBox .hd .on{background: #1d2089;}
.index_three .tabBox .hd .on a{background: #1d2089;border: 0px solid #e5e5e5;}
.index_three .tabBox .hd .on,.tabBox .hd h3{color:#fff;font-weight: 700;}
.index_three .tabBox .hd .on a,.tabBox .hd h3 a{color:#fff}
.index_three .tabBox .hd li a:hover{text-decoration:none}
.index_tit .fr.info_cate{display: block;}
.index_tit .fr.info_cate a{display: inline-block;line-height: 44px;padding: 0 6px;font-size: 16px;position: relative;text-align: center;color: #000;}
.index_tit .fr.info_cate a:hover{color: #1d2089;}
.index_tit .fr.info_cate span:last-child{display: none;}


.index_three .tabBox .bd{overflow:hidden;padding:10px 0px;}



.info_left{width:690px;float:right}
.info_left .t{padding-top:10px;padding-bottom:15px;margin-bottom:15px;border-bottom:1px dotted #ccc}
.info_left .titleBg{ display: block; position: relative; float: left; width: 4.5rem; height: 4.5rem; background: #e81c1b; color: #fff; font-size: 1rem; line-height: 1.2; letter-spacing: 1px; font-weight: bold; display: flex; align-items: center; justify-content: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.info_left .titleBg:after{ content:""; display: block; width: 0; height: 0; border: 5px solid transparent; border-left: 5px solid #e81c1b; position: absolute; top: 50%; margin-top: -5px; right: -10px; }
.info_left .t .cont{margin-left: 90px;}
.info_left .t .title{font-size:18px;height:32px;line-height:32px;overflow:hidden;margin-bottom:5px}
.info_left .t .tit{color:#000;display: block;}
.info_left .t .tit:hover{color:#c30000}
.info_left .t .intro{font-size:14px;color:#999;text-align:left;line-height:24px;height:48px;overflow:hidden}
.info_left .t .intro .more{color:#c30000}
.info_left .n{height:40px;line-height:40px;overflow:hidden;padding:0 10px 0 0}
.info_left .n .tit{font-size:16px;padding-left:16px;background:url(../images/icon-dot.png) left center no-repeat}
.info_left .date{float:right;color:#999;margin-left:10px}
.info_left .tabBox{margin-bottom:0px}
.info_left .tabBox .bd{width: 100%;}

.info_right{width:690px;float:right}
.info_right .t{padding-top:10px;padding-bottom:15px;margin-bottom:15px;border-bottom:1px dotted #ccc}
.info_right .titleBg{ display: block; position: relative; float: left; width: 4.5rem; height: 4.5rem; background: #e81c1b; color: #fff; font-size: 1rem; line-height: 1.2; letter-spacing: 1px; font-weight: bold; display: flex; align-items: center; justify-content: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.info_right .titleBg:after{ content:""; display: block; width: 0; height: 0; border: 5px solid transparent; border-left: 5px solid #e81c1b; position: absolute; top: 50%; margin-top: -5px; right: -10px; }
.info_right .t .cont{margin-left: 90px;}
.info_right .t .title{font-size:18px;height:32px;line-height:32px;overflow:hidden;margin-bottom:5px}
.info_right .t .tit{color:#000;display: block;}
.info_right .t .tit:hover{color:#c30000}
.info_right .t .intro{font-size:14px;color:#999;text-align:left;line-height:24px;height:48px;overflow:hidden}
.info_right .t .intro .more{color:#c30000}
.info_right .n{height:40px;line-height:40px;overflow:hidden;padding:0 10px 0 0}
.info_right .n .tit{font-size:16px;padding-left:16px;background:url(../images/icon-dot.png) left center no-repeat}
.info_right .date{float:right;color:#999;margin-left:10px}
.info_right .tabBox{margin-bottom:0px}
.info_right .tabBox .bd{width: 100%;}



.index_two .cloud-product-ul li:nth-child(1) {
    background: url(../images/cb1.jpg) no-repeat left center;
}

.index_two .cloud-product-ul li:nth-child(2) {
    background: url(../images/cb2.jpg) no-repeat left center;
}

.index_two .cloud-product-ul li:nth-child(3) {
    background: url(../images/cb3.jpg) no-repeat center center;
}

.index_two .cloud-product-ul li:nth-child(4) {
    background: url(../images/cb4.jpg) no-repeat left center;
}

.index_two .cloud-product-ul li:nth-child(5) {
    background: url(../images/cb5.jpg) no-repeat left center;
}

.index_two .cloud-product-ul li:nth-child(6) {
    background: url(../images/cb6.jpg) no-repeat left center;
}

.index_two .cloud-product-ul li:before {
    background: rgba(0, 0, 0, 0.4);
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
    position: absolute;
}

.index_two .cloud-product-ul li:nth-child(1).active:before {
    background: rgba(0, 0, 0, 0.3);
}

.index_two .cloud-product-ul li:nth-child(2).active:before {
    background: rgba(0, 0, 0, 0.3);
}

.index_two .cloud-product-ul li:nth-child(3).active:before {
    background: rgba(0, 0, 0, 0.3);
}

.index_two .cloud-product-ul li:nth-child(4).active:before {
    background: rgba(0, 0, 0, 0.3);
}

.index_two .cloud-product-ul li:nth-child(5).active:before {
    background: rgba(0, 0, 0, 0.3);
}

.index_two .cloud-product-ul li:nth-child(6).active:before {
    background: rgba(0, 0, 0, 0.3);
}

.index_two .normal-inner {
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    position: relative;
}

.index_two .empty-space {
    width: 100%;
    height: 99px;
    padding: 326px 0 0 0;
    display: block;
    transition: all 0.5s;
}

.index_two .product-introduce-title {
    margin-bottom: 14px;
    height: 22px;
    line-height: 190px;
    font-size: 24px;
    text-align: center;
    color: #fff;
    z-index: 2;
    display: block;
}

.index_two .product-introduce-content {
    margin: 0 auto 26px;
    width: 180px;
    line-height: 14px;
    font-size: 14px;
    text-align: center;
    color: #999;
    display: none;
}

.index_two .server-header-01 {
    background: url(/img/aa1.png) center no-repeat;
}

.index_two .server-header-02 {
    background: url(/img/aa2.png) center no-repeat;
}

.index_two .server-header-03 {
    background: url(/img/aa3.png) center no-repeat;
}

.index_two .server-header-04 {
    background: url(/img/aa4.png) center no-repeat;
}

.index_two .server-header-05 {
    background: url(/img/aa5.png) center no-repeat;
}

.index_two .server-header-06 {
    background: url(/img/aa6.png) center no-repeat;
}

.index_two .server-header-active-01 {
    background: url(/img/aa1.png) left center no-repeat;
}

.index_two .server-header-active-02 {
    background: url(/img/aa2.png) left center no-repeat;
}

.index_two .server-header-active-03 {
    background: url(/img/aa3.png) left center no-repeat;
}

.index_two .server-header-active-04 {
    background: url(/img/aa4.png) left center no-repeat;
}

.index_two .server-header-active-05 {
    background: url(/img/aa5.png) left center no-repeat;
}

.index_two .server-header-active-06 {
    background: url(/img/aa6.png) left center no-repeat;
}

.index_two .active-inner-01 {
    background: rgba(0,0,0,0);
}

.index_two .active-inner-02 {
    background: rgba(0,0,0,0);
}

.index_two .active-inner-03 {
    background: rgba(0,0,0,0);
}

.index_two .active-inner-04 {
    background: rgba(0,0,0,0);
}

.index_two .active-inner-05 {
    background: rgba(0,0,0,0);
}

.index_two .active-inner-06 {
    background: rgba(0,0,0,0);
}

.index_two .cloud-product-ul li.active .active-inner .empty-space {
    width: 84%;
    height: 99px;
    padding: 56px 0 0 0;
    display: block;
    margin: 0 auto;
}

.index_two .cloud-product-ul li.active .active-inner .product-introduce-title {
    margin-bottom: 14px;
    height: 22px;
    line-height: 108px;
    font-size: 24px;
    text-align: left;
    color: #fff;
    z-index: 2;
    display: block;
    width: 84%;
    margin: 0 auto;
}

.index_two .introduce-list-large {
    margin: 0 auto;
    width: 100%;
    line-height: 22px;
    color: #fff;
    font-size: 14px;
}

.index_two .product-introduce-list {
    margin: 59px auto;
    padding-top: 28px;
    height: 135px;
    width: 84%;
    border-top: 1px solid #f1f1f1;
    border-left: none;
    border-right: none;
    border-bottom: none;
}

.index_two .active .product-introduce-list {
    padding-top: 22px;
    border-top-color: #f3f3f3;
    border-bottom: none;
}

.index_two .active .product-introduce-list .introduce-list-large {
    animation-name: fadeInRight;
    animation-duration: 1.2s;
    animation-delay: 0.5s;
}

.cloud-product-ul {
    width: 100%
}
.cloud-product-ul li.active .active-inner {
    display: block;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.cloud-product-ul li.active .normal-inner {
    display: none;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}
.cloud-product-ul li {
    position: relative;
    margin-left: 1%;
    width: 19.2%;
    height: 502px;
    float: left;
    background: #fff
}

.cloud-product-ul li:first-child {
    margin-left: 0
}
.btn {
    display: inline-block;
    width: 100px;
    height: 32px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 32px;
    color: #009FD9;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    cursor: pointer;
}
.buy-link-btn {
    display: block;
    margin: 30px auto 0;
    width: 83%;
    border-right: 1px #000 solid;
    border-bottom: 1px #000 solid;
    line-height: 28px !important;
    background-color: rgba(0,0,0,0.4) !important;
    color: #fff !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    opacity: 1;
}


.cloud-product-single-top {
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-color: #f2f2f2
}

.cloud-product-name {
    font-size: 18px;
    color: #333;
    font-weight: 700
}

.normal-inner {
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s
}

.active-inner {
    position: relative;
    display: none;
    height: 100%;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s
}



.three_left{width: 48.8%;margin-top: 0px;}
.three_left .newBox{width:100%;height:auto;overflow:hidden}
.three_left .newBox .newContainer{width:100%;height:auto;overflow:hidden;font-size:0}
.three_left .newBox .newLi{position:relative;font-size:14px;float:none}
.three_left .newBox .porTbox{position:relative;overflow:hidden;width:100%;height:289px}
.three_left .newBox .newImg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;transition:all .5s ease}
.three_left .newBox .porBbox{position:relative;overflow:hidden;width:100%;background:#343434;padding:17px 20px 10px;border:1px solid #343434}
.three_left .newBox .newTitle{font-size:1rem;color:#fff;overflow:hidden;text-overflow:ellipsis;position:relative;white-space:nowrap;width:100%}
.three_left .newBox .newSummry{color:#777;white-space:nowrap;overflow:hidden;line-height:1.5;margin:8px 0;text-overflow:ellipsis}
.three_left .newBox .lookDetail{position:relative;display:block;color:#777;height:38px;line-height:38px;border-top:1px solid #505050}
.three_left .newBox .lookDetail .details{float:none}
.three_left .newBox .arrowsR{position:absolute;top:50%;right:0;transform:translate(0,-50%);width:30px}
.three_left .newBox .arrowsR img{position:absolute;transition:all .5s ease}
.three_left .newBox .harr{opacity:0}
.three_left .newBox .showBox{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background:rgba(0,0,0,.6);transition:all 1s ease}
.three_left .newBox .showBoxLink{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:60%;color:#fff;text-align:center;font-size:1rem;padding:.5rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.three_left .newBox .showBoxLink::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:60%;height:1px;background:#fff;transition:all .5s ease}
.three_left .newBox .showBoxLink::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60%;height:1px;background:#fff;transition:all .5s ease}
.three_left .newBox .lookDetail:hover .barr{opacity:0}
.three_left .newBox .lookDetail:hover .harr{opacity:1}
.three_left .newBox .newLi:hover .showBox{opacity:0}
.three_left .newBox .newLi:hover .newImg{transform:translate(-50%,-50%) scale(1.1)}
.three_left .newBox .newLi:hover .showBoxLink::before{width:1rem}
.three_left .newBox .newLi:hover .showBoxLink::after{width:1rem}

.three_right{width: 48.8%;margin-top: 0px;}
.three_right .newListBox{width:100%;height:auto;overflow:hidden}
.three_right .newListBox .p_news{width:100%;overflow:hidden}
.three_right .newListBox .newList{position:relative;overflow:hidden}
.three_right .newListBox .newListCon{position:relative;display:flex;flex-wrap:nowrap;padding:33px;background:#fff;width:100%;overflow:hidden}
.three_right .newListBox .newTimeBox{position:relative;display:flex;flex-wrap:wrap;justify-content:flex-end;align-content:flex-start}
.three_right .newListBox .year{color:#222;font-size:1rem;text-align:right;display:block;margin:5px 0;font-family:Arial}
.three_right .newListBox .mon{color:#e50012;font-size:1.4rem;display:block;font-style:normal;text-align:right;font-family:Arial;font-weight:700}
.three_right .newListBox .dotBlack{width:60px;height:60px;position:absolute;bottom:0;left:0}
.three_right .newListBox .dott{width:100%;height:100%}
.three_right .newListBox .newTitleLink{display:block;width:100%;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000}
.three_right .newListBox .newMs{color:#999;font-size:14px;line-height:23px;margin-top:20px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:normal!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:64px}
.three_right .newListBox .newDetailLink{width:45px;height:12px;display:block;margin-top:2rem}
.three_right .newListBox .jtj{width:100%;height:100%}
.three_right .newListBox .content{z-index:2}
.three_right .newListBox .newListCon::before{content:'';width:0;height:100%;background:#e50012;position:absolute;top:0;left:0;transition:all 1s}
.three_right .newListBox .newList:hover .newListCon::before{width:100%}
.three_right .newListBox .newList:hover .newTitleLink{color:#fff}
.three_right .newListBox .newList:hover .year{color:#fff}
.three_right .newListBox .newList:hover .mon{color:#fff}
.three_right .newListBox .newList:hover .newTitle{color:#fff}
.three_right .newListBox .newList:hover .newMs{color:#fff}

@media only screen and (min-width: 769px) {
    .newListBox .p_news {
        max-width:1500px;
    }
    .newListBox .newList {
        padding-bottom: 5px;
        float: left;
        margin: 0 5px;
        width: calc((100% - 25px) / 2);
    }
    .newListBox .newTimeBox {
        width: 90px;
        padding-right: 30px;
    }
    .newListBox .content {
        width: calc((100% - 90px)/1);
    }
}


.index_four{padding: 50px 0;background:#fff;}

.scrollMain{ width:100%; background:#fff;}
.scrollBox{ width:1490px;margin:10px auto 0px; position:relative; }
.scrollBox .piclist{ overflow:hidden; zoom:1;}
.scrollBox .ohbox{overflow:hidden; position:relative;width:1600px;left:45px}
.scrollBox {position:relative;overflow:hidden;zoom:1;}
.scrollBox .piclist li{width: 449px;height: 440px;background: #fff;float: left;margin-right:23px;text-align: center;box-sizing:unset;}
.scrollBox .piclist li.null{margin-right: 0}
.scrollBox .piclist li .proCotent {
    position: relative;
    height: 330px;
}
.scrollBox .piclist li .proCotent .proPic {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: all .5s ease;
    transform: scale(1);
    border-radius: 5px;
}
.scrollBox .piclist li .dbt {
    background: #fff;
    width: 90%;
    position: relative;
    top: -26px;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
    font-size: 18px;
    border-radius: 5px;
    box-shadow: 3px 3px 18px rgb(0,0,0,0.2);
    color: #333;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.scrollBox .piclist li .dbt:hover {
    background:#1d2089;
    color: #fff;
}
.scrollBox .piclist li .dbt:hover a {
    color: #fff;
}

.scrollBox .pageBtn span{ display:block;width:30px;height:50px;position:absolute;top:149px;cursor:pointer;text-indent:-999em;overflow:hidden; }
.scrollBox .pageBtn .prev{left:1px;background:url(../images/scroll_left.jpg) no-repeat;}
.scrollBox .pageBtn .next{right:1px;background:url(../images/scroll_right.jpg) no-repeat;}
.scrollBox .pageBtn .list{overflow:hidden;zoom:1;margin:10px 0 0 570px; }
.scrollBox .pageBtn .list li{ background:url(../images/bntBg.png); float:left; display:inline; width:15px;height:15px;background-position:-86px -57px ;cursor:pointer;margin-left:10px;line-height:10000px;overflow:hidden;  }
.scrollBox .pageBtn .list li.on{background-position:-114px -57px }


.index_tit{text-align: center;position: relative; text-align: left;margin-bottom: 20px;}
.index_tit .fl span{font-size: 24px; font-weight: bold;}
.index_tit .fl p{font-size: 16px; color: #1d2089;text-indent:0px;margin-top: 10px;font-weight: bold;}
.index_tit .fr.business_cate{display: block;}
.index_tit .fr.business_cate a{display: inline-block;line-height: 44px;padding: 0 6px;font-size: 16px;position: relative;text-align: center;color: #000;}
.index_tit .fr.business_cate a:hover{color: #1d2089;}
.index_tit .fr.business_cate span:last-child{display: none;}

.index_tit .fr.news_cate{display: block;}
.index_tit .fr.news_cate a{display: inline-block;width: 130px;line-height: 44px;padding: 0 20px;font-size: 16px;position: relative;text-align: center;color: #000;}
.index_tit .fr.news_cate a:hover{background: #1d2089;color: #fff;}



.customized .cont{overflow:hidden;display: block;width: 100%;height: 100%;position: relative;color: #e9bb7d;}
.customized .cont h1{font-size: 50px;letter-spacing: 5px; font-family: simkai;}
.customized .cont h4{font-size: 16px;margin: 20px 0px; }
.customized .cont h4 span{padding: 0px 15px;}
.customized .cont h6{font-family: ARVO;}

footer{background:#ededed;}
footer .fl01{ border-bottom:#e3e3e3 1px solid; padding:42px 0 50px;}
footer .fl01 h3{ text-align:center; margin-bottom:40px;}
footer .fl01 .bottom{ text-align:center}
footer .fl01 .bottom .box{ display:inline-block; margin:0 21px; text-align:left}

footer .fl01 .bottom h5{font-size:16px;color:#2a2a29;margin-bottom: 8px;padding-top: 5px;}
footer .fl01 .bottom h6{ font-size:13px; color:#adabaa;}

footer .fl01 .bottom .input{text-align:center;font-size:0;height: 44px;margin: 0;float: left;}
footer .fl01 .bottom .input .input-text{display:inline-block; *display:inline; *zoom:1;width: 300px;height: 44px;line-height: 42px;position:  relative;vertical-align: top;background: none;border: #dcdcdc 1px solid;}
footer .fl01 .bottom .input .input-text input{display:block;width:100%;height:100%;color: #333;font-size:12px;border:none;background:none;padding: 0 20px;position:  relative;z-index: 10;font-size: 14px;}
footer .fl01 .bottom .input .btn{display:inline-block; *display:inline; *zoom:1;width: 100px;height: 44px;line-height: 44px;background: #3b3c3e;margin-left: -1px;position:relative;z-index:11;transition: 0.6s;cursor: pointer;}
footer .fl01 .bottom .input .btn input{display:block;width:100%;height:100%;line-height: 44px;color: #fff;font-size: 16px;text-transform:uppercase;border:none;background:none;text-align:center;position:relative;z-index:1;cursor: pointer;}
footer .fl01 .bottom .input .btn a{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;float: left;width: 100%;height: 44px;line-height: 44px;vertical-align:  middle;position:  absolute;top: 0;left: 0;}
footer .fl01 .bottom .input .btn:hover{background: #1d2089;}
input::-webkit-input-placeholder{ color:#919191;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#919191; }
input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#919191;}
input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#919191;}

footer .fl01 .bottom .input .input-text > input:focus {
  background-color: transparent;
  border-color: transparent;
}
footer .fl01 .bottom .input .input-text > input:focus ~ .input-border {
}
footer .fl01 .bottom .input .input-text > input:focus ~ .input-border:first-of-type:before {
  -webkit-transition: 0.15s ease-in-out all;
  transition: 0.15s ease-in-out all;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  width: 100%;
}
footer .fl01 .bottom .input .input-text > input:focus ~ .input-border:first-of-type:after {
  height: 100%;
  -webkit-transition: 0.15s ease-in-out all;
  transition: 0.15s ease-in-out all;
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
footer .fl01 .bottom .input .input-text > input:focus ~ .input-border:last-of-type {
  background: transparent;
}
footer .fl01 .bottom .input .input-text > input:focus ~ .input-border:last-of-type:before {
  -webkit-transition: 0.15s ease-in-out all;
  transition: 0.15s ease-in-out all;

  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  width: 100%;
}
footer .fl01 .bottom .input .input-text > input:focus ~ .input-border:last-of-type:after {
  height: 100%;
  -webkit-transition: 0.15s ease-in-out all;
  transition: 0.15s ease-in-out all;
  -webkit-transition-delay: 0.45s;
  transition-delay: 0.45s;
  top: 0;
}
footer .fl01 .bottom .input .input-text .input-border {
  bottom: -1px;
  display: block;
  left: -1px;
  position: absolute;
  top: -1px;
  right: -1px;
}
footer .fl01 .bottom .input .input-text .input-border:before,
footer .fl01 .bottom .input .input-text .input-border:after {
  bottom: 0;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 0;
  background-color: #1d2089;
  -webkit-transition: 0.3s ease-in-out all;
  transition: 0.3s ease-in-out all;
}
footer .fl01 .bottom .input .input-text .input-border:first-of-type:before {
  height: 1px;
  left: 0;
  top: 0;
  width: 0;
}
footer .fl01 .bottom .input .input-text .input-border:first-of-type:after {
  height: 0;
  right: 0;
  top: 0;
  width: 1px;
}
footer .fl01 .bottom .input .input-text .input-border:last-of-type:before {
  background-color: #1d2089;
  height: 1px;
  top: calc(100% - 1px);

  right: 0;
  width: 0;
}
footer .fl01 .bottom .input .input-text .input-border:last-of-type:after {
  background-color: #1d2089;
  height: 0;
  top: calc(100% - 1px);
  left: 0;
  width: 1px;
}

footer .fl02{padding: 46px 0 46px;text-align: center;}
footer .fl02 ul.ul01{ font-size:0;}
footer .fl02 ul.ul01 li{display:inline-block;margin-right: 18px;}
footer .fl02 ul.ul01 li a{display:inline-block;width: 35px;height: 35px;line-height: 33px;text-align:center;border-radius:50%;cursor:pointer; border:#cdcdcd 1px solid; position:relative}
footer .fl02 ul.ul01 li a:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;transform:matrix(0.5, 0, 0, 0.5, 0, 0);background: rgba(59, 60, 62, 0.25);transition:0.6s ease;opacity: 0;z-index: 1;}
footer .fl02 ul.ul01 li a img{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.4;-khtml-opacity:0.4;transition:0.6s ease;position: relative;z-index: 2;}
footer .fl02 ul.ul01 li a:hover img{ opacity:1;}

footer .fl02 ul.ul02{ margin:28px 0 28px}
footer .fl02 ul.ul02 a{ font-size:16px; color:#5a4f49; padding:0px 24px; transition:0.6s}
footer .fl02 p,footer .fl02 p a{ font-size:13px; color:#a8a8a9; transition:0.6s}

footer .fl02 p a:hover{ color:#5a4f49}
footer .fl02 ul.ul01 li a:hover:after{transform: matrix(1, 0, 0, 1, 0, 0);opacity: 1;}
footer .fl02 ul.ul02 a:hover{ color:#5a4f49}

footer .fl02 .right .icon{ background:#1d2089; border-radius:50%; width:47px; height:47px; display:inline-block; text-align:center; line-height:47px;}
footer .fl02 .right .icon span{display:inline-block;-webkit-animation:cycleIcons 5s ease 0.6s infinite normal both running;animation:cycleIcons 5s ease 0.6s infinite normal both running}

/*@-webkit-keyframes cycleIcons{
	28%{transform:scale(0) rotate(-30deg);opacity:1}
	31%{transform:scale(1) rotate(30deg)}
	40%{transform:scale(1) rotate(-30deg)}
	48%{transform:scale(1) rotate(30deg)}
	55%{transform:scale(1) rotate(-30deg)}
	61%{transform-origin:center bottom;content:"";transform:scale(1) rotate(30deg);opacity:1}
}*/

@keyframes cycleIcons{
	0%{transform-origin:center bottom;transform:rotate(5deg);}
	16.666667%{transform-origin:center bottom;transform:rotate(-5deg);}
	33.333333%{transform-origin:center bottom;transform:rotate(5deg)}
	50%{transform-origin:center bottom;transform:rotate(-5deg)}
	66.666666%{transform-origin:center bottom;transform:rotate(5deg)}
	83.333333%{transform-origin:center bottom;transform:rotate(-5deg)}
	100%{transform-origin:center bottom;transform:rotate(5deg)}
}


footer .fl02 .right{ padding:35px 0 0}
footer .fl02 .right .con{ display:inline-block; padding:0 0 0 10px}
footer .fl02 .right .con h6{font-size:13px;color:#6d6e70;margin-bottom: 8px;}
footer .fl02 .right .con h3{ font-size:24px; color:#1d2089; font-family:ARVO;}
footer .fl02 .right .con h3 span{ font-family:ARVO;}

.tc1 .tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99999999;}

.tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:scale(1.1);display:  none;}
.tc1 .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto;transform:scale(1);}
.tc1 .close:hover{ transform:rotate(180deg);}
.tc1 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } 

.tc1 .tc-box{position:absolute;overflow: hidden;top:50%;z-index:9999;width: 200px;height: 250px;left:50%;margin-left: -100px;margin-top: -125px;-webkit-animation-duration: 1.2s;animation-duration: 1.2s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-name: anim-close-2;animation-name: anim-close-2;}
.tc1 .tc.act{display: block;}
.tc1 .tc.act .tc-box{display: block;-webkit-animation-name: anim-open-2;animation-name: anim-open-2;transform:scale(1);}
.tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }
.tc1 .tc-bg {height: 100%;background: rgba(0,0,0,.9);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}
.tc1 .tc-box h3 img{width: 200px;height: 200px;}
.tc1 .tc-box h5{width: 100%;height: 50px;line-height: 50px;font-size:1rem;color:#fff;text-align:center;}

.imgContainer{ position:relative}
.imgContainer .scanMask{position:absolute;left:0;top:0;bottom:0;width: 100%;height:0;border-bottom: 3px solid #ffffff;background: rgba(0,0,0,0.15);}

#ac-cursor{position:fixed;width:48px;height:48px;top:-24px;left:-24px;pointer-events:none;visibility:hidden;z-index:9900}.touchevents #ac-cursor{display:none}#ac-cursor-progress{mix-blend-mode:multiply}#ac-cursor-progress circle{fill:none;stroke:#d43246;stroke-width:1.2;stroke-miterlimit:10;stroke-dasharray:200;stroke-dashoffset:200}#ac-cursor-outline{position:absolute;top:0;left:0;height:100%;width:100%}#ac-cursor-outline circle{fill:none;stroke:rgba(58,60,73,.1);stroke-width:1.2;stroke-miterlimit:10}#ac-drag{position:absolute;top:0;left:0;height:100%;width:100%;visibility:hidden}#ac-drag-progress{mix-blend-mode:multiply}#ac-drag-progress circle{fill:none;stroke-width:1.2;stroke-miterlimit:10;stroke:#3a3c49;stroke-dasharray:200;stroke-dashoffset:200}#ac-drag-outline{position:absolute;top:0;left:0;height:100%;width:100%}#ac-drag-outline circle{fill:none;stroke:rgba(58,60,73,.1)}.ac-loader-item{position:fixed;top:0;left:0;height:100%;width:100%;z-index:9000}.ac-loader-item .ac-symbol-mask{overflow:hidden}.ac-loader-item svg{height:132px;width:132px}.ac-loader-symbol{position:absolute;top:0;left:0;height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:100}.ac-loader-bg{position:absolute;top:0;left:0;height:100%;width:100%}#ac-loader-main path{fill:#3a3c49}#ac-loader-main line{stroke:#3a3c49}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){#ac-loader-main line{shape-rendering:crispEdges}}#ac-loader-main path{visibility:hidden}#ac-loader-main line:nth-of-type(1),#ac-loader-main line:nth-of-type(2){stroke-dasharray:141;stroke-dashoffset:141}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){#ac-loader-main line:nth-of-type(1),#ac-loader-main line:nth-of-type(2){shape-rendering:crispEdges}}#ac-loader-bg-main{background:#f6f5f4}#ac-loader-invert .ac-symbol-mask{-webkit-transform:translateY(-100%);transform:translateY(-100%)}#ac-loader-invert svg{-webkit-transform:translateY(100%);transform:translateY(100%)}#ac-loader-invert path{fill:#f6f5f4}#ac-loader-invert line{stroke:#f6f5f4;stroke-dasharray:141}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){#ac-loader-invert line{shape-rendering:crispEdges}}#ac-loader-bg-aux,#ac-loader-bg-invert{background:#3a3c49;-webkit-transform:translateX(-100%);transform:translateX(-100%)}#ac-loader-aux #ac-loader-symbol-aux{visibility:hidden}#ac-loader-aux path{fill:#f6f5f4;visibility:hidden}#ac-loader-aux line{stroke:#f6f5f4;stroke-dasharray:141;stroke-dashoffset:141}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){#ac-loader-aux line{shape-rendering:crispEdges}}#ac-loader-bg-aux{background:#3a3c49;-webkit-transform:translateX(-100%);transform:translateX(-100%)}

.n_container{padding: 0px 0 0;}

.n_banner{display:block; width:100%;height: 400px;margin: 94px 0 0;}
.n_banner h3{font-size:2.4rem;color:#fff;font-weight:bold;margin-bottom:3.8rem; text-transform:uppercase; position:relative;}
.n_banner h4{ font-size:1.2rem; color:#fff; }
.n_banner h3:before{ content:""; position:absolute; left:50%; bottom:-1.9rem; width:30px; height:2px; background:#fff; margin-left:-15px;}
.n_title{ position:relative; text-align:center; margin-bottom:60px;}
.n_title h3{ font-size:36px; color:#242424; margin-bottom:12px}
.n_title h3 span{position:relative;text-transform: uppercase;}
.n_title h3 span.span01:after{
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: -20px;
    margin-left: -20px;
    width: 40px;
    height: 3px;
    background: #1d2089;
}
.n_title h5{ font-size:14px; color:#ababab; font-family:Times New Roman; text-transform:uppercase}

.position_title{position:relative;height:59px;line-height:59px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;margin-top: -80px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 5px;}
.position_title .w1390{position:relative;}

/*==============当前位置=====================*/
.position{position:relative;background:url(../images/icon_home.png) left center no-repeat; padding-left:18px;}
.position strong{color:#000;font-size:14px;font-weight:400;}
.position strong img{padding-right:5px;padding-top:2px}
.position a{color:#000;display:inline-block}
.position a:hover{color:#ff3300}
.position .li{color:#000;background:url(../images/icon_sj.png) left center no-repeat;padding-left:13px;display:inline-block;}
.position span{color:#000!important;font-size:12px}

.p_nav{position:absolute;right:30px;top:0}
.p_nav a{ cursor:pointer; display:inline-block; padding:0 12px; height:58px; line-height: 58px; margin-left:50px; text-align: center;box-sizing: border-box;position: relative; -webkit-transition:0.2s;transition:0.2s;}
.p_nav a{ color: #222;position:relative;z-index:4;font-size:15px;font-weight: 100; border-bottom:1px solid #848484;}
.p_nav .on,.p_nav a:hover{ border-bottom:2px solid #1d2089; color: #1d2089;font-weight: 700;}
.p_nav a:after{content:"";width:9px;height:6px;position: absolute;bottom:-10px; left:50%; margin-left:-4.5px; background:url(../images/n_nav_ico.png) center no-repeat; -webkit-transition:0.3s;transition:0.3s; opacity:0; transform:scale(0); -webkit-transform:scale(0);}
.p_nav .on:after,.p_nav a:hover:after{ transform:scale(1); -webkit-transform:scale(1); opacity:1; bottom:-1.375rem;}

.fanhuidingbu a{display:inline-block;width:47px;height:47px;line-height:47px;background:#1d2089;border-radius:50%;text-align:center;position:fixed;right:30px;bottom: 70px;}

.n_product{padding: 60px 0 55px;}
.n_product .n_title h3 span.span01:after{left: 72px;}
.n_product ul{ font-size:0; margin:0 -25px;}
.n_product ul li{ display:inline-block; padding:0 25px; width:25%; text-align:center; margin-bottom:50px;}
.n_product ul li a{ background:#fff; border:#e4e4e6 1px solid; display:block;}
.n_product ul li a .con{ padding:20px 0 20px;}
.n_product ul li a .con h3 span{ width:75px; height:63px; display:inline-block; position:relative}
.n_product ul li a .con h3 span b{ font-size:30px; color:#8c8c8c; line-height:61px; font-family:kaiti; position:relative; font-weight:normal}
.n_product ul li a .con h3 span:before{ content:""; background:url(../images/dbx.png) center no-repeat; position:absolute; top:0; right:0; bottom:0; left:0; transition:0.6s}
.n_product ul li a .con h4{ font-size:28px; color:#242424; font-family:simkai; margin:15px 0 15px; position:relative}
.n_product ul li a .con h5{ font-size:14px; color:#666666; text-transform:uppercase; margin-bottom:15px; font-family:"Times New Roman";}
.n_product ul li a .con h6{ font-size:12px; color:#ababab; text-transform:uppercase; font-family:"Times New Roman";}
.n_product ul li a .img, .n_product ul li a .img img{ max-width:100%; overflow:hidden}
.n_product ul li a:hover .con h3 span:before{ transform:rotate(180deg); background:url(../images/dbx_on.png) center no-repeat;}
.n_product ul li a:hover .con h3 span b{ color:#fff}

/*荣誉资质*/
.n_honor{padding-top:60px;padding-bottom:20px}
.n_honor ul { margin: 0 -25px; }
.n_honor li{ float:left;padding:0 25px; margin-bottom:30px; display:block;}
.n_honor li a{display:block}
.n_honor li .img{width:280px;height:180px;background:#dcdcdc;overflow:hidden}
.n_honor li .img .j_tab_cel{width:280px;height:180px}
.n_honor li .img img{max-width:90%;max-height:90%;height:auto;width:auto;display:inline-block;transition:.6s;-webkit-transition:.6s}
.n_honor li:hover .img img{transform:scale(1.1);-webkit-transform:scale(1.1)}
.n_honor li h5{font-size:14px;color:#5c5c5c;width: 280px;height:56px;line-height:28px;text-align:center;margin-top: 5px;overflow:hidden}

/*联系我们*/
.n_contact{ padding:90px 0}
.n_contact .left .n_title{ text-align:left;}
.n_contact .left p{ font-size:15px; line-height:32px; color:#5c5c5c}
.n_contact .left p a{ font-size:15px; line-height:32px; color:#5c5c5c; text-decoration:underline; margin-left:24px; transition:0.36s}
.n_contact .left p big{ font-size:22px; color:#1d2089; font-family:ARVO;}
.n_contact .left ul{ margin-top:32px;}
.n_contact .left ul li{ display:inline-block}
.n_contact .left ul li h5{ font-size:14px; color:#717171; margin-top:15px; text-align:center}
.n_contact .right{ background:url(../images/n_contact_bg.jpg) right bottom no-repeat; padding:0 20px 20px 0}
.n_contact .left p a:hover{ color:#1d2089}


.n_about{ padding:60px 0 30px}
.n_about .n_title{ margin-bottom:35px}



.n_news{ padding:60px 0 0px}
.n_news .n_title{ margin-bottom:35px}
.n_news ul{ margin-bottom:58px}
.n_news ul li{border-bottom: #d5d5d5 1px solid;position:relative;}
.n_news ul li:after{position:absolute;content:"";bottom:-1px;height:1px;width:0;left:0;background: #1d2089;transition:1s ease;}
.n_news ul li a{padding: 35px 0;display:block;}
.n_news ul li .left{width: 805px;padding:3.75rem 0 0;}
.n_news ul li .left .time{ width:134px; padding:0 0 0 20px}
.n_news ul li .left .time h3{font-size: 32px;color: #acacac;margin-bottom: 34px;font-family: Barlow Condensed;}
.n_news ul li .left .time .icon{ display:inline-block; width:30px; height:30px; border:#bfbfbf 1px solid; line-height:28px; text-align:center; border-radius:50%; transition:0.6s}
.n_news ul li .left .time .icon span{ font-size:12px; color:#adadad; font-family:simsun; position:relative;}
.n_news ul li .left .con{ width:calc(100% - 134px); padding-left:4.5rem;}
.n_news ul li .left .con h4{font-size: 22px;color: #3c3c3c;margin-bottom: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.n_news ul li .left .con p{font-size: 13px;line-height: 22px;color: #999999;height: 44px;overflow:hidden;}
.n_news ul li .right{}
.n_news ul li .right .img{overflow:hidden;border: #d5d5d5 4px solid;}
.n_news ul li .right .img img{transition:0.9s ease;width: 315px;height: 195px;object-fit: cover;}

.n_news ul li:hover:after{ width:100%}
.n_news ul li:hover .right .img img{ transform:scale(1.06)}

.n_news ul li:hover .left .time .icon{ background:#1d2089; border:#1d2089 1px solid}
.n_news ul li:hover .left .time .icon span{ color:#fff}
.n_news ul li:hover .left .con h4{ color:#1d2089}

.n_brother {padding: 60px 0 30px;}
.n_brother .hd{ margin-bottom:40px;}
.n_brother .hd ul{ margin:0 -19px;}
.n_brother .hd ul li{ width:427px; height:700px; background:#f2f2f2; border-radius:3px; padding:35px 40px; float:left; margin:0 1.525rem; cursor:pointer; transition:.2s; position:relative;}
.n_brother .hd ul li .img{ width:350px; height:280px; border:3px solid #fff;}
.n_brother .hd ul li .img img{ width:344px; height:100%;}
.n_brother .hd ul li .txt{ padding:0 6px;}
.n_brother .hd ul li h5{ font-size:1.125rem; color:#000000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:19px 0; transition:.2s; font-weight: bold; }
.n_brother .hd ul li p{ font-size:0.875rem; color:#838385; line-height:1.875rem; overflow:hidden; transition:.2s;}
.n_brother .hd ul li.on{ background:#e00025;}
.n_brother .hd ul li.on h5{ color:#fff;}
.n_brother .hd ul li.on p{ color:#fff;}
.n_brother .hd ul li:before{ content:""; display:block; border:11px solid transparent;position:absolute; bottom:-11px; left:50%; margin-left:-11px; transition:0s;}
.n_brother .hd ul li.on:before{ opacity:1; bottom:-21px;border-top:11px solid #e00025;  transition:.3s;  }


.n_case{ padding: 60px 0 30px; overflow:hidden}
.n_case ul{ margin:0 -1.5rem}
.n_case ul li{ float:left; width:33.3333333%; padding:0 1.5rem; margin-bottom:3.125rem}
.n_case ul li a, .n_case ul li a .top{ position:relative; display:block; width:100%;}
.n_case ul li .img{ padding-bottom:75.56%; width:100%; position:relative; overflow:hidden}
.n_case ul li .img img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; object-fit:cover}
.n_case ul li a .top .top_ico{ position:absolute; bottom:-2.125rem; right:2.5rem; background:url(../images/anniu_bg3.png) center no-repeat; width:4rem; height:5.625rem; background-size:100% 100%; transition:.6s}
.n_case ul li a .top .top_ico img{ display:inline-block}
.n_case ul li .con{ background:#eceef0; padding:2.375rem 2.5rem}
.n_case ul li .con h5{font-size:1.25rem;color:#2a2a2a;line-height:1.375rem;height:1.375rem;transition: .6s;}
.n_case ul li .con p{ font-size:13px; color:#6a6a6a; line-height:24px; height:48px; margin:0.75rem 0 1.875rem}
.n_case ul li .con .span{ display:inline-block; background:url(../images/anniu_bg41.png) center no-repeat; width:115px; height:35px; line-height:35px; font-size:12px; color:#5e5e5e; text-transform:uppercase; text-align:center; transition:.6s;}
.n_case ul li a:hover .con .span{ background:url(../images/anniu_bg4_on.png) center no-repeat; color:#fff; background-size:100% 100%}

.more00.more {
	text-align: center
}
.more00.more a {
	display: inline-block;
	width: 48px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	border-radius: 50%;
	cursor: pointer;
	transition: 0.6s;
	border: #b9b9b9 1px solid;
}
.more00.more a span {
	display: inline-block;
	width: 4px;
	height: 4px;
	background: #cecece;
	border-radius: 50%;
	margin: -5px 1px 0;
	vertical-align: middle;
	transition: 0.6s;
}
.more00.more a:hover {
	background: #1d2089;
	border: #1d2089 1px solid
}
.more00.more a:hover span {
	margin: -5px 2px 0;
	background: #fff
}


.n_news_detail{ padding:60px 0 65px;}
.n_news_detail .ar_title{ border-bottom:#d4d4d4 1px solid; padding-bottom:18px; text-align:center; margin-bottom:48px}
.n_news_detail .ar_title h3{ font-size:27px; color:#000; line-height:40px; margin-bottom:20px}
.n_news_detail .ar_title h6{ font-size:13px; color:#818181;}
.n_news_detail .ar_title h6 img{ margin:-3px 10px 0 0}

/*产品详情*/
.n_product_detail{padding-bottom:80px}
.n_product_detail .fl01{position:relative;top:-60px}
.n_product_detail .fl01 .auto{padding:60px 50px 55px;background:#fff}
.n_product_detail .fl01 .auto.ww{position:relative}
.n_product_detail .fl01 .auto .miso_hd{float:left;width:535px;overflow:hidden}
.n_product_detail .fl01 .auto .miso_hd img{width:535px;overflow:hidden;}
.n_product_detail .fl01 .auto .right{width:518px}
.n_product_detail .fl01 .auto .right h3{font-size:30px;line-height:42px;color:#333;font-weight:700;margin-bottom:18px}
.n_product_detail .fl01 .auto .right p{font-size:15px;color:#646464;line-height:34px;margin-bottom:26px}
.n_product_detail .fl01 .auto .right dl.dl{margin-bottom:25px}
.n_product_detail .fl01 .auto .right dl dt{font-size:15px;color:#646464;margin-bottom:16px}
.n_product_detail .fl01 .auto .right dl .dd{font-size:0;margin:0 -6px}
.n_product_detail .fl01 .auto .right dl .dd dd{display:inline-block;width:33.333333%!important;padding:0 6px;margin-bottom:12px}
.n_product_detail .fl01 .auto .right dl .dd dd span{font-size:13px;color:#646464;display:block;height:45px;line-height:43px;border:#e0e0e0 1px solid;text-align:center}
.n_product_detail .fl01 .auto .right dl .dd dd.miso-current span{border:#148385 1px solid;background:#148385;color:#fff}
.n_product_detail .fl01 .auto .right dl .dd01 dd{width:100%!important}
.n_product_detail .fl01 .auto .right dl .dd01 dd span{border:#148385 1px solid;background:#148385;color:#fff}
.n_product_detail .fl01 .auto .right dl .dd02 .miso-track{transform:translate3d(0,0,0)!important;width:100%!important}
.n_product_detail .fl02{top:-160px;position:relative;margin-bottom:-160px}
.n_product_detail .fl02 .auto{padding:0 50px 45px;background:#fff}


/*在线招聘*/
#list_slide{position:relative}
#list_slide dl{overflow:hidden;margin-bottom:15px;background: #f3f3f5;}
#list_slide dt{border:none;display:block;position:relative;padding:15px 25px;cursor:pointer;background:url(../images/bnt_hr_open.png) 1230px center no-repeat #f3f3f5}
#list_slide dt table{margin-left:-50px}
#list_slide dt td{color:#666;font-size:14px;font-weight: normal;border-left:1px solid #fff;padding:0 50px}
#list_slide dt h1{color:#666;font-size:16px;font-weight:700;margin-bottom:10px;line-height:30px;display:block}
#list_slide dd{display:none;padding:0 40px;padding-bottom:30px;line-height:36px;background:#f3f3f5}
#list_slide dd p{line-height:36px}
#list_slide dd .content{padding-top:20px}
#list_slide dt.on td{color:#fff}
#list_slide dt.on{background:url(../images/bnt_hr_close.png) 1230px center no-repeat #1d2089}
#list_slide dt.on h1{color:#fff}

.piaofu_fx{position:fixed;left:50%;margin-left: -590px;top:50%;width: 50px;margin-top: -50px;}
.piaofu_fx ul{  padding:2px 0 0}
.piaofu_fx ul li{float:left;margin-bottom: 12px;position: relative;}
.piaofu_fx ul li > a{display:block;min-width: 50px;width: 50px;height: 50px;border: #c5c5c5 1px solid;line-height: 48px;margin:-1px 0 0;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;border-radius: 25px; overflow:hidden; color:#fff; font-size:14px}
.piaofu_fx ul li > a:hover{background: #f4f4f4;border: #cccccc 1px solid;}
.piaofu_fx.fixed{ position:fixed; right:50%; margin-right:-600px; top:0}
.piaofu_fx ul li > a span{ display:inline-block; width:50px; height:50px; text-align:center}
.piaofu_fx ul li > a span img.img02{ display:none}

.piaofu_fx ul li > a:hover{ width:142px; background:#1d2089; border:#1d2089 1px solid}
.piaofu_fx ul li > a:hover span img.img01{ display:none}
.piaofu_fx ul li > a:hover span img.img02{ display:inline-block}

.bdsharebuttonbox a {width: 40px!important;height: 40px!important;margin:5px 0!important;float: none!important;padding: 0!important;display: block;background-size: cover !important;}
.bdsharebuttonbox a img { width: 60px; height: 60px; }
.bdsharebuttonbox .bds_tsina { background: url(../images/gbRes_6.png) no-repeat center center/60px 60px; }
.bdsharebuttonbox .bds_qzone { background: url(../images/gbRes_4.png) no-repeat center center/60px 60px; }
.bdsharebuttonbox .bds_tqq { background: url(../images/gbRes_5.png) no-repeat center center/60px 60px; }
.bdsharebuttonbox .bds_weixin { background: url(../images/gbRes_2.png) no-repeat center center/60px 60px; }
.bdsharebuttonbox .bds_sqq { background: url(../images/gbRes_3.png) no-repeat center center/60px 60px; }
.bdsharebuttonbox .bds_renren { background: url(../images/gbRes_1.png) no-repeat center center/60px 60px; }
.bd_weixin_popup .bd_weixin_popup_foot { position: relative; top: -12px; }
.bdshare-button-style0-24{position:absolute;left: 0;top: 53px;padding:6px;border:#ccc 1px solid;background:#f4f4f4;width: 231px;border-radius: 10px;z-index: 100;}
.bdshare-button-style0-24 .bds_weixin,.bdshare-button-style0-24 .bds_sqq,.bdsharebuttonbox .bds_qzone, .bdsharebuttonbox .bds_tqq,.bdsharebuttonbox .bds_tsina { background-position:inherit !important}
.bdsharebuttonbox dd{display: inline-block;font-size:12px;color:#999;margin:0;text-align:center;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;filter:alpha(opacity=60);opacity:0.6;-moz-opacity:0.6;-khtml-opacity:0.6;}
.bdsharebuttonbox dd:hover{ -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; filter:alpha(opacity=100); opacity:1;  -moz-opacity:1; -khtml-opacity:1;}
.bdsharebuttonbox{ display:none}


.n_chaxun {
	padding: 0;
}

#allmap {
	width: 100% !important;
	position: fixed !important;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.form_search {
	width: 400px !important;
	position: fixed;
	z-index: 100;
	font-size: 0;
	text-align: center;
	margin-bottom: 50px;
	left: 50px;
	top: 50%;
	margin-top: -364px;
}

.form_search .box {
	display: inline-block;
	white-space: nowrap;
	vertical-align: top;
	width: 100%;
	background: #fff;
	border: #d0d0d0 1px solid;
	font-size: 0;
	border-radius: 25px;
	padding: 0 15px;
	margin-bottom: 5px;
}

.form_search .box>div {
	display: inline-block;
}

.form_search .box .f_title {
	display: inline-block;
	width: 84px;
	height: 40px;
	line-height: 40px;
	background: #bf934a;
	text-align: center;
	font-size: 14px;
	color: #fff;
	display: none;
}

.form_search .box .f_input {
	display: inline-block;
	width: 205px;
	height: 40px;
	line-height: 38px;
	background: #fff;
	border: #e5e5e5 1px solid;
	font-size: 16px;
	color: #333;
}

.form_search .box .f_input input {
	display: inline-block;
	width: 100%;
	height: 38px;
	line-height: 38px;
	background: none;
	border: none;
	font-size: 16px;
	color: #333;
	padding: 0 15px;
}

.form_search .box .sousuo {
	display: inline-block;
	padding: 0 !important
}

.form_search .box select {
	display: inline-block;
	width: 33.333333%;
	height: 50px;
	line-height: 46px;
	background: none;
	border: none;
	font-size: 14px;
	color: #333;
	padding: 0 10px;
}

.form_search .box .btn_anniu {
	display: block;
	height: 50px;
	line-height: 50px;
	background: #1d2089;
	text-align: center;
	margin: 0 -15px;
	border-radius: 25px;
}

.form_search .box .btn_anniu input {
	display: inline-block;
	width: 100%;
	background: none;
	border: none;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #fff;
	cursor: pointer;

}

#dr_ajax_result {
	position: fixed;
	width: 400px;
	height: 580px;
	left: 50px;
	top: 50%;
	background: #fff;
	z-index: 100;
	margin-top: -250px;
	border-radius: 4px;
	border: #d0d0d0 1px solid;
}

#dr_ajax_result h3 {
	background: #bf934a;
	line-height: 40px;
	height: 40px;
	text-align: center;
	font-size: 18px;
	color: #fff;
}

#dr_ajax_result .content {
	padding: 15px 0;
	padding-right: 10px;
}

#dr_ajax_result ul {
	padding: 0;
	overflow: hidden;
	overflow-y: scroll;
	max-height: 548px;
}

#dr_ajax_result ul {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	overflow-x: hidden;
	-webkit-tap-highlight-color: transparent;
}

#dr_ajax_result ul::-webkit-scrollbar {
	width: 4px;
	height: 4px;
	background-color: #f1f1f1;
}

#dr_ajax_result ul::-webkit-scrollbar-track {
	border-radius: 2px;
	background-color: #f1f1f1;
}

#dr_ajax_result ul::-webkit-scrollbar-thumb {
	border-radius: 2px;
	width: 4px;
	height: 4px;
	background-color: #88201d;
}

#dr_ajax_result ul li {
	font-size: 16px;
	color: #333;
	line-height: 24px;
	margin-bottom: 0;
	border-bottom: #e3e3e3 1px solid;
	padding: 20px 28px;
}

#dr_ajax_result ul li img {
	position: relative;
	top: 7px;
	margin-right: 6px;
}

#dr_ajax_result ul li a {
	font-size: 15px;
	color: #333;
}
#dr_ajax_result ul li a:hover {
	color: #bf934a;
}
#dr_ajax_result ul li h5 {
	color: #4d4d4d;
	font-size: 16px;
	margin-bottom: 10px;
	text-align: left;
	font-weight: bold;
}
#dr_ajax_result ul li h6 {
	font-size: 14px;
	color: #6f6f6f;
	line-height: 24px;
	text-align: left;
}
.BMap_bubble_content {
	font-size: 15px;
	line-height: 28px;
	color: #333
}
.xuanze {
	position: fixed;
	bottom: 30px;
	left: 30px;
	background: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,0.25)
}
.xuanze ul {
	font-size: 0;
	background: #fff
}
.xuanze ul li {
	display: inline-block;
}
.xuanze ul li a {
	display: inline-block;
	padding: 0 75px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #333;
	cursor: pointer
}
.xuanze ul li a img {
	margin-right: 10px;
	vertical-align: middle;
}
.xuanze ul li.on a {
	background: #bf934a;
	color: #fff
}
.navxiala{position:absolute;left:0;width:100%;top: 94px;background: #fff url(../images/navxiala_bg.png) center bottom no-repeat;padding: 20px 20px 94px;text-align: center;display:none;}
.navxiala dd{line-height:44px;font-size:15px;color:#4c4c4c;border-bottom:#ededed 1px solid;height: 44px;}
.navxiala dd a{ display:block; color:#4c4c4c;}
.navxiala dd a:hover{ color:#1d2089}
.form_search .box label{ padding-right:0 !important}

footer .fl02 ul.ul01 li{ position:relative;}
.tc-box01{position:absolute;bottom: 52px;left:50%;margin-left: -60px;width:120px;height: 140px;background: #fff;display: none;}
.tc-box01:before{ content:""; position:absolute; left:50%; border-right:transparent 6px solid; border-left:transparent 6px solid; border-top:#fff 8px solid; margin-left:-6px; bottom:-8px;}
.tc-box01 .imgContainer img{ width:120px; height:120px;}
.tc-box01 h5{line-height: 15px;font-size:14px;color:#333;text-align: center;}


/*
 .Bottom002472
 */
.Bottom002472{color: #fff; background: #2a2f46; min-width: 100%;}
.Bottom002472 a{transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;}
.Bottom002472 .bottom{ padding:2% 2%;}
.Bottom002472 .nav .dl dt{ padding-bottom:15px; border-bottom: 1px solid #494949;}
.Bottom002472 .nav .dl dt a{ color:#f4f4f4; font-size:16px; line-height:24px;}
.Bottom002472 .nav .dl .two{ padding-top: 15px;}
.Bottom002472 .nav .dl dd{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.Bottom002472 .nav .dl dd a{ display:block; line-height:30px; color: #b2b2b2;}
.Bottom002472 .nav .dl dd a:hover{ color: #999;}
.Bottom002472 .nav .dl dd a:hover:before{ background: #4c5b6f;}
.Bottom002472 .nav{ float:left; width: 66%;}
.Bottom002472 .nav .dl{ float:left; width: 20%; min-height: 200px; padding: 15px 3% 15px 0;}
.Bottom002472 .contact{ float:left; width: 20%; text-align: left; padding: 15px 0 0 0;}
.Bottom002472 .contact dt{ padding-bottom:15px; color:#f4f4f4; font-size:14px; line-height:24px; border-bottom: 1px solid #494949;}
.Bottom002472 .contact .two{ padding-top: 15px;}
.Bottom002472 .contact .two p{ display:block; line-height:30px; color: #b2b2b2;}
.Bottom002472 .contact .two p a{color: #b2b2b2;}
.Bottom002472 .info{ float:right; width: 14%;}
.Bottom002472 .weixinbox{ margin: 10px 0 10px auto;text-align: center;}
.Bottom002472 .weixinbox dd{display: inline-block;text-align: center;}
.Bottom002472 .weixinbox dd span{ display: block; text-align: center;color:#ddd; font-size:14px;line-height: 26px;}
.Bottom002472 .other{ font-size: 12px;line-height:24px; position: relative;background: #404459;padding: 0% 2%;}
.Bottom002472 .other .w1320{/*border-top:1px #444 solid;*/ padding: 12px 0;}
.Bottom002472 .other,.Bottom002472 .other a{ color: #b2b2b2; }
.Bottom002472 .other a:hover{ color: #999;}
.Bottom002472 .other .links a{ display:inline-block; position: relative;}
.Bottom002472 .other .links a+a{ margin-left: 20px;}
.Bottom002472 .other .links a+a:before{ content: ""; left: -10px; position: absolute;  height: 50%; top: 25%; width: 1px; display: block; background: #59626f; }
.Bottom002472 .other .links{ float: right;}
.Bottom002472 .other .copyright{ margin: 0;}
.Bottom002472 .other .copyright{ float: left;}

/*广告法申明*/
.ggf{position:relative;}
.ggf .ggf_box{position:absolute; left:0; bottom:150%; background:#fff; width:200px; padding:15px; color:#555; opacity:0; visibility:hidden; transition:all 0.5s ease;}
.ggf .ggf_box:after{content:''; height:0;
    width:0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    border-color:#fff transparent transparent transparent ;
    border-style:solid solid dashed dashed;
    border-width:6px; position:absolute; top:100%; left:10px;}

.ggf:hover .ggf_box{opacity:1; visibility:visible;}

/*==========================================内页 结束=============================================*/

@media(min-width: 768px){
	header .lan a:hover{ background:#1d2089; border:#1d2089 1px solid; color:#fff}
}
@media(min-width: 992px) and (max-width: 1300px){
}
@media(max-width: 1800px){
}
@media(max-width: 1600px){
	banner .miso-list li .table .table_cell .box h4 img{height: 16rem;}
	/*header{ height:120px;}
	header #nav li{ height:120px;}
	header #nav .menu .sta1, header #nav .menu .sta2{ height:120px; transform-origin: 50% 50% -60px;
	-webkit-transform-origin: 50% 50% -60px;
	-moz-transform-origin: 50% 50% -60px;
	-ms-transform-origin: 50% 50% -60px;}
	header .logo img{ height:90px;}*/
	.datu .content ul li{ padding:0 15px;}
	.banner .miso-dots li{ padding:0 15px;}
	.banner .miso-dots li:before{ left:15px; right:15px;}
	
	.banner .con{ padding-left:19%}
	.navxiala{top: 94px;}
	.n_pinpai .fl01{background: url(../images/n_pinpai_fl01_bg.png) 0px center no-repeat;}
}
@media(max-width: 1440px){
	.n_pinpai .fl01{background: url(../images/n_pinpai_fl01_bg.png) -10px center no-repeat;}
}
@media(max-width: 1380px){
	.n_chayuan .fl03 ul li img{ width:180px}
	.n_pinpai .fl01{background: url(../images/n_pinpai_fl01_bg.png) -95px center no-repeat;}
}

@media(max-width: 1200px){
}
@media(max-width: 1060px){

}
@media(max-width: 992px){
}

@media(max-width: 768px){
}
@media(max-width: 456px){

}