@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; }
html { font-size: 100%; }
.xlzhezhao{ width:100%; height:100%; position:fixed; background:url(../images/zz.png) repeat; z-index:999999999; top:0px; display:none;}
.zixun{position:fixed; top:50%; margin-top:-135px; left:50%; margin-left:-470px; z-index:9999999999; display:none;}
body, button, input, select, textarea { font: 14px/1.5 Microsoft Yahei, tahoma, Srial, helvetica, sans-serif; outline: none; }
ul, ol, li { list-style: none; margin: 0; padding: 0; }
a { text-decoration: none; color: #000000; font-family: "微软雅黑"; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s; }
img { border: 0px; }
.clear { clear: both; }
p, div, strong, a, h1, h2, h3, h4, h5, h6 { font-family: Microsoft Yahei; }
html, body { margin: 0; padding: 0; background-color:#ffffff;}
.animate { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; transition-duration: 0.5s; }
.animate1 { -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; }
table { border-spacing: 0px; border-collapse: collapse; }
tr { cursor: pointer; }
input { border: 0; }
textarea { resize: none; }

.wrap{ width:100%; margin:0 auto; overflow-x:hidden; max-width:1920px;}

.top{width:100%;height:90px;/* margin:0 auto; */background-color:#ffffff;position:fixed;top:0;/* z-index:999; */}
.header{ width:96%; margin:0 auto;}
.logo{ float:left;}
.nav{ float:right; width:966px; margin-left:12%;}
.nav ul li{ float:left; width:70px; height:71px; margin-right:21px; text-align:center; line-height:71px; margin-top:13px;}
.nav ul li a{ font-family:"微软雅黑"; font-size:16px; color:#676767;}
.tel{ float:right;}
.nav ul li:hover{ border-bottom:3px solid #e30000;}

.sy_center{ position:absolute; background-color:#ffffff; width:100%; margin:0 auto; top:659px;}

.sk_tb{ background:url(../images/case_zi1.png) no-repeat center center; position:absolute; top:-28px; left:50%; margin-left:-24px; width:49px; height:57px; z-index:99999;}

.sk{ width:100%; margin:0 auto; overflow:hidden;}
.sk ul li{ float:left; background-color:#f4f4f4; width:24.8%; height:45vh; text-align:center; margin-left:0.16%;cursor:pointer;}
.sk_tu1{ background:url(../images/index_2_0.png) no-repeat center center; width:131px; height:107px; margin:8% auto;}
.sk_tu2{ background:url(../images/index_3_0.png) no-repeat center center; width:131px; height:107px; margin:8% auto;}
.sk_tu3{ background:url(../images/index_4_0.png) no-repeat center center; width:131px; height:107px; margin:8% auto;}
.sk_tu4{ background:url(../images/index_5_0.png) no-repeat center center; width:131px; height:107px; margin:8% auto;}
.sk ul li:hover .sk_tu1{ background:url(../images/index_2_1.png) no-repeat center center;}
.sk ul li:hover .sk_tu2{ background:url(../images/index_3_1.png) no-repeat center center;}
.sk ul li:hover .sk_tu3{ background:url(../images/index_4_1.png) no-repeat center center;}
.sk ul li:hover .sk_tu4{ background:url(../images/index_5_1.png) no-repeat center center;}
.sk ul li:hover{ background-color:#ed1f23;}
.sk_tit{ font-family:"微软雅黑"; font-weight:bold; font-size:28px; color:#d33114; margin-top:12%;}
.sk ul li:hover .sk_tit{ color:#ffffff;}
.sk_zi{ width:209px; height:50px; line-height:50px; text-align:center; margin:0 auto; font-family:"微软雅黑"; font-size:18px; color:#888888;}
.sk ul li:hover .sk_zi{ background-color:#141414; color:#ffffff;}

.sy_case{ width:100%; margin:0 auto; overflow:hidden;}
.case_tit{ text-align:center; height:281px; overflow:hidden;}
.case_tit .title{ margin-top:88px;}
.case_tit .title1{ line-height:80px; font-family:"微软雅黑"; font-size:15px; color:#494949; margin-top:3px;}
.case_tit .title2{ width:50px; height:1px; background-color:#494949; margin:0 auto;}
.case_nr{ width:100%; margin:0 auto; overflow:hidden;}
.case_nr ul li{ float:left; width:25%;position:relative; overflow:hidden;}
.case_zi{ background:url(../images/case_zi.png) repeat center center;  text-align:center; width:100%; height:100%; position:absolute; top:0; left:0;}
.case_zi h1{font-family:"微软雅黑"; font-size:17px; color:#ffffff; font-weight:normal; margin-top:30%;}
.case_nr ul li:hover .case_zi{ opacity:0;}
.case_nr ul li:hover .case_zi1{background:url(../images/case_zi1.png) no-repeat center center; width:100%; height:100%;position:absolute; top:0; left:0;transform: rotateZ(360deg);-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-webkit-transition: 0.4s; -webkit-transition: -webkit-transform 0.4s ease-out;transition: transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;}
.case_nr ul li:hover .case_tu{transform: scale(1.3); transition: all 1s ease 0s; -webkit-transform: scale(1.3);-webkit-transform: all 1s ease 0s; }
.case_tu{transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s; }

.brand{ width:100%; margin:0 auto; overflow:hidden; background:url(../images/pinpai_bg.jpg) no-repeat center center; background-size:100% 100%;}
.brand_tit{ text-align:center; height:266px; overflow:hidden;}
.brand_tit .title{ margin-top:81px;}
.brand_tit .title1{ line-height:80px; font-family:"微软雅黑"; font-size:15px; color:#494949; margin-top:3px;}
.brand_tit .title2{ width:50px; height:1px; background-color:#494949; margin:0 auto; margin-top:20px;}
.brand_nr{ width:90%; margin:0 auto; overflow:hidden; margin-bottom:5%;}
@media only screen and (width: 1920px) {
    .brand_nr {
        width:70%;
		margin:0 auto;
		margin-bottom:5%;
    }
}
.brand_left{ float:left; width:430px; height:430px;}
.brand_x{ float:left; margin-left:6%; width:2px; height:370px; background:url(../images/brand_x.jpg) repeat-y center center;}
.brand_right{ float:right; width:54%;}
.zz{ float:left;font-size: 35px;font-weight: bold; font-family:"微软雅黑"; color:#ed1f23;vertical-align: bottom; display: table-cell;height:45px;}
/*圆环*/
/*--- index page ---*/
.pie-title-center { display: inline-block;position: relative;text-align: center;}
.pie-value {display: block;position: absolute;height: 40px;top: 43%; left: 0;right: 0; margin-top: -20px;line-height: 40px;font-family:"微软雅黑"; font-size:52px; color:#ed1f23; font-weight:bold;}
/*--- //index page ---*/
.demo_zz{ position:absolute; top:53%; left:0; right:0;}
.demo_zz1{ font-family:"微软雅黑"; font-size:20px; color:#383838; font-weight:bold;}
.demo_zz2{ font-family:"微软雅黑"; font-size:17px; color:#383838;}
/*数字++++++++++*/
.digital{width: 100%;height:auto;}
.main{width: 100%;margin:0 auto;}
.mumping_mun li{width: 100%; overflow:hidden; margin-bottom:60px;}
.mumping_mun p{font-size: 17px;font-family:"微软雅黑"; color:#313131;vertical-align: bottom; display: table-cell;height:45px; text-indent:13px;}
.mun_top1{font-size: 32px;font-weight: bold; font-family:"微软雅黑"; color:#ed1f23;vertical-align: bottom; display: table-cell;height:45px;}
.mumping_mun h2{font-size: 45px;font-weight: bold; font-family:"微软雅黑"; color:#ed1f23;float: left;vertical-align: bottom; display: table-cell;height:45px; line-height:45px;}

.bg{ width:100%; margin:0 auto; height:auto; overflow:hidden;}
.bg1{ float:left; width:24.75%; overflow:hidden;}
.bg2{ float:left; width:50%; position:relative; overflow:hidden;}
.bg2 p{ position:absolute; top:16%; left:50%; text-align:center; font-family:"微软雅黑"; font-size:37px; color:#938556; font-weight:bold; margin-left:-185px; line-height:75px;}
.bg3{ float:left; width:25.25%; overflow:hidden;}
.bg1_1, .bg1_2, .bg2_1, .bg3_1, .bg3_2{ overflow:hidden;}
.bg1_1 img, .bg1_2 img, .bg2_1 img, .bg3_1 img, .bg3_2 img{transition: all 1s ease 0s; -webkit-transform: all 1s ease 0s;}
.bg1_1:hover img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s;}
.bg1_2:hover img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s;}
.bg2_1:hover img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s;}
.bg3_1:hover img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s;}
.bg3_2:hover img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s;}

.customer{ width:100%; margin:0 auto; overflow:hidden; background-color:#f4f4f4;}
.customer_tit{ text-align:center; height:267px; overflow:hidden;}
.customer_tit .title{ margin-top:57px;}
.customer_tit .title1{ line-height:65px; font-family:"微软雅黑"; font-size:15px; color:#494949; margin-top:3px;}
.customer_tit .title2{ width:50px; height:1px; background-color:#494949; margin:0 auto; margin-top:17px;}
.customer_nr{ width:100%; margin:0 auto; overflow:hidden;}
.customer_nr ul li{ width:16.6%; height:43px; overflow:hidden; float:left; margin-bottom:80px;transition: all 1s ease 0s;-webkit-transform: all 1s ease 0s;}
.customer_nr ul li:hover{ background-position:center top;}
.customer_li1{ background:url(../images/kh_tu1.jpg) no-repeat; background-position: center -43px;}
.customer_li2{ background:url(../images/kh_tu2.jpg) no-repeat; background-position: center -43px;}
.customer_li3{ background:url(../images/kh_tu3.jpg) no-repeat; background-position: center -43px;}
.customer_li4{ background:url(../images/kh_tu4.jpg) no-repeat; background-position: center -43px;}
.customer_li5{ background:url(../images/kh_tu5.jpg) no-repeat; background-position: center -43px;}
.customer_li6{ background:url(../images/kh_tu6.jpg) no-repeat; background-position: center -43px;}
.customer_li7{ background:url(../images/kh_tu7.jpg) no-repeat; background-position: center -43px;}
.customer_li8{ background:url(../images/kh_tu8.jpg) no-repeat; background-position: center -43px;}
.customer_li9{ background:url(../images/kh_tu9.jpg) no-repeat; background-position: center -43px;}
.customer_li10{ background:url(../images/kh_tu10.jpg) no-repeat; background-position: center -43px;}
.customer_li11{ background:url(../images/kh_tu11.jpg) no-repeat; background-position: center -43px;}
.customer_li12{ background:url(../images/kh_tu12.jpg) no-repeat; background-position: center -43px;}

.footer{ width:100%; margin:0 auto; overflow:hidden;}
.footer1{ width:100%; margin:0 auto; background-color:#313131; height:355px;}
.foot_db{ width:1281px; margin:0 auto; overflow:hidden;}
.d_part1{ float:left; width:795px; margin-top:52px;}
.d_part1 ul{ float:left; margin-right:41px;}
.d_part1 ul li{ font-family:"宋体"; font-size:12px; color:#878787; line-height:26px;}
.d_part1 ul li a{ color:#878787; text-decoration:none;}
.d_part1 ul li.tit{ font-family:"宋体"; font-size:14px; color:#cccccc; line-height:62px;}
.d_x{ width:1px; height:277px; background-color:#4c4b4f; opacity:0.5; float:left; margin-top:43px;}
.d_part2{ float:left; margin-top:61px;}
.d_part2 p{ font-family:"宋体"; font-size:12px; color:#b2b2b2; line-height:30px; margin-left:40px;}
.d_part3{ float:right; width:143px; text-align:center; line-height:34px; font-family:"微软雅黑"; font-size:13px; color:#8b8b8b; margin-top:86px;}
.footer2{ width:100%; height:102px; background-color:#1b1b1a; text-align:center;}
.footer2 p{ font-family:"微软雅黑"; font-size:12px; color:#7b7b7b; line-height:40px; padding-top:20px;}

.gy_part1{ width:100%; margin:0 auto; overflow:hidden; height:1182px; background-color:#f3f3f3;}
.gy_center{ width:100%; margin:0 auto; height:542px; background:url(../images/gy_bg1.jpg) no-repeat center top;}
.gy_zi{ width:1070px; margin:0 auto; overflow:hidden; text-align:center;}
.part1_tit{ font-family:"微软雅黑"; font-size:44px; color:#d2b988; line-height:142px; margin-top:2px;}
.gy_zi p{ font-family:"微软雅黑"; font-size:14px; color:#393939; line-height:36px;}
.gy_part2{ width:1101px; margin:0 auto; overflow:hidden; text-align:center;}
.gy_part2 ul{ width:1200px;}
.gy_part2 ul li{ float:left; width:301px; margin-right:99px; margin-top:120px;}
.gy_tu{ border-radius:100%; overflow:hidden;}
.gy_zi1{ font-family:"微软雅黑"; font-size:48px; color:#cccccc; line-height:69px; margin-top:2px;}
.gy_zi2{ font-family:"微软雅黑"; font-size:28px; color:#333333; line-height:28px;}
.gy_zi3{ font-family:"微软雅黑"; font-size:15px; color:#666666; line-height:26px; margin-top:46px;}
.guanyu{ width:1200px; margin:94px auto; overflow:hidden;}
.guanyu ul li{ float:left; width:400px; height:267px;}

.contact{ width:100%; margin:0 auto;}
.lx_b{ background:url(../images/case_zi1.png) no-repeat center center; width:49px; height:57px; margin:0 auto; margin-top:-26px;}
.lx_nr{ width:1331px; margin:0 auto; overflow:hidden;}
.lx_left{ float:left; margin-top:43px; margin-left:79px;}
.lx_adr{ margin-top:18px;}
.lx_adr p{ font-family:"微软雅黑"; font-size:16px; color:#646464; line-height:40px;}
.lx_x{ width:1px; height:338px; float:left; background:url(../images/lx_x.jpg) repeat-y center center; margin-top:13px; margin-left:151px;}
.lx_right{ float:left; margin-top:44px;}
.lx_zx{ float:left; margin-left:69px;}
.lx_fw{ float:left; margin-left:64px;}
.zx_tit{ font-family:"微软雅黑"; font-size:24px; color:#3d3d3d; font-weight:bold;}
.zx_tit img{ vertical-align:middle; margin-right:11px;}
.zx_nr{ margin-top:36px; margin-left:27px;}
.zx_t{ height:38px; margin-bottom:10px;}
.zx_tu{ float:left;}
.zx_zi{ float:left;}
.zx_zi h1{ margin-left:7px; font-family:"微软雅黑"; font-size:10px; color:#6c6b6b; line-height:16px; font-weight:normal;}
.zx_zi p{ margin-left:9px; font-family:"微软雅黑"; font-size:18px; color:#282828;font-style:oblique; line-height:19px;}
.lx_time{ margin-top:26px; line-height:42px; font-family:"微软雅黑"; font-size:16px; color:#3d3d3d;}

.website{ width:100%;}
.web1{ width:100%; margin:0 auto; overflow:hidden; background-color:#4d84f1;}
.web1_lt{ float:left; width:55%;}
.web1_rt{ float:right;}

.bgray:hover .graytitle{

        transform: translateY(-50%) !important;

        -webkit-transform: translateY(-50%) !important;

        -ms-transform: translateY(-50%) !important;

        -moz-transform: translateY(-50%) !important;

        top: 50% !important;

    }
.bry_logo{

    opacity:0;

    height: 0px;

    -webkit-transition: all .5s ease 0s;

    -moz-transition: all .5s ease 0s;

    -ms-transition: all .5s ease 0s;

    -o-transition: all .5s ease 0s;

    transition: all .5s ease 0s;

}
.brybox:hover .bry_logo{

        opacity: 1;

        height: 100px;

        margin-bottom: 45px;

    }
	
	
	.header{ height:87px; background:#fff; z-index:9999; width:100%;}
	
	
	
header {
	height: 90px;
	background: #fff;
	z-index: 1000;
	width:100%;
	position:relative;
}

header h1 {
	padding:0px;
	margin:0px;
	width: 234px;
	height: 181px;
	background: #000;
	position: absolute;
	left: 0;
	text-indent: -9999em;
	overflow: hidden;
}

header nav {
	padding: 38px 0 0 240px;
	display: block;
	float: left;
}

header nav a {
	width: 120px;
	height: 15px;
	line-height: 14px;
	border-right: 1px dotted #ccc;
	float: left;
	display: block;
	text-align: center;
}

header nav a:last-child {
	border-right: none;
}

header nav a.hover {
	color: #EF3125
}

header h1 {
    background: url(../images/logo.png) no-repeat;
}

header .contact-info {
	float: right;
}
header .contact-info a.ci-qq-ico {
    background-position: 0 0;
}
header .contact-info a {
    width: 46px;
    height: 45px;
    display: block;
}
.contact-info a {
    background: url(../images/header-contace-bg.png) no-repeat;
}
header nav a.hover {
    color: #EF3125;
}
header nav a {
	font-size:14px;
	text-decoration: none;
	    color: #3a3a3a;
    width: 92px;
    height: 15px;
    line-height: 14px;
    border-right: 1px dotted #ccc;
    float: left;
    display: block;
    text-align: center;
}
.t-h {
    text-indent: -9999em;
    overflow: hidden;
}
header .contact-info a.ci-weibo-ico {
    background-position: 0 -45px;
}
.headertel{ font-family:微软雅黑; font-size:26px; float:right;  color:#e30000; font-weight:bold; line-height:90px; padding-right:20px;}


.platform{width:1205px; margin:auto; padding:47px 0 40px; overflow:hidden; -webkit-animation:gdownIn 0.6s 0.4s both; -moz-animation:gdownIn 0.6s 0.4s both; animation:gdownIn 0.6s 0.4s both;}

.platform a{display:block; float:left; width:113px; height:50px; margin-right:20px; line-height:50px; text-align:center; border-radius:2px; -webkit-transition:0.3s; transition:0.3s; -moz-transition:0.3s; transition:0.3s; transition:0.3s; transition:0.3s;}
.platform a{background-color:#f0f0f0; background-repeat:no-repeat; color:#333;}
.platform a:hover, .platform .act{background-color:#000; color:#fff;}


.platform .pc{background-position:0 0; text-indent:30px; background-image:url(../img/platform_icon.png)}
.platform .pc:hover, .platform .pc.act{background-position:0 -50px;}
.platform .mb{background-position:-145px 0; text-indent:30px; background-image:url(../img/platform_icon.png)}
.platform .mb:hover, .platform .mb.act{background-position:-145px -50px;}
.platform-news a{background:#fff; color:#999;}

type_list{width:1205px; height:44px; line-height:44px; margin:0 auto 40px; border-top:1px dotted #ccc; background-color:#f5f5f5; font-size:16px; -webkit-animation:gdownIn 1s 0.7s both; -moz-animation:gdownIn 1s 0.7s both; animation:gdownIn 1s 0.7s both;}
.type_list span{padding:0 10px 0 25px;}
.type_list em{padding:0 20px;}
.type_list a{color:#999; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.type_list a:hover{color:#000;}
.type_list a.act{color:#000; font-weight:bold;}

.works_wrap{width:1205px; margin:auto; overflow:hidden; -webkit-animation:gdownIn 1s 1s both; -moz-animation:gdownIn 1s 1s both; animation:gdownIn 1s 1s both;}
#works_list{width:1245px; margin:0 auto 80px; position:relative; left:-20px; overflow:hidden;}
#works_list li{width:375px; height:314px; float:left; margin:0 20px; background-color:orange;}
/*#works_list .item1{}*/
#works_list .item2{width:790px; height:628px; background-color:red;}
#works_list .item2 article{height:548px;}
#works_list li.fr{float:right;}

#works_list li a{display:block; height:100%; background:#fff; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#works_list li article{width:100%; height:234px; position:relative; overflow:hidden;}

#works_list li article img{height:100%; width:100%; vertical-align:top; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
#works_list li article summary{width:100%; height:50px; position:absolute; bottom:-50px; left:0; line-height:50px; color:#a9a9a9; background:rgba(0,0,0,0.5); background:#666\9; text-align:left; text-indent:20px; z-index:3; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#works_list li h5{line-height:24px; font-size:18px; color:#333; padding-top:16px; text-indent:15px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#works_list li span{line-height:22px; font-size:14px; color:#999; display:block; padding-bottom:18px; text-indent:15px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}

#works_list li a:hover{background-color:transparent;}
#works_list li a:hover h5, #works_list li a:hover span{color:#fff;}
#works_list li a:hover article summary{bottom:0;}
#works_list li a:hover article img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
#works_list li a:hover article:before{opacity:1; filter:alpha(opacity=100); zoom:1;}
#works_list li a:hover article:after{opacity:1; filter:alpha(opacity=100); zoom:1; -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}


.content-group {
	padding-top: 1px
}

.content-group .col-main {
	padding: 80px 0 0
}

.content-group .zq-main-head {
	text-align: center
}

.content-group .zq-main-head h1,.content-group .zq-main-head h2 {
	color: #373d41;
	text-align: center;
	font-size: 28px;
	font-weight:400
}

.content-group .zq-main-head p {
	color: #5f6367;
	text-align: center
}

.content-group .zq-sub-desc {
	padding: 0 0 60px;
	text-align: center
}

.content-group .zq-sub-desc p {
	font-size: 16px;
	color: #999
}


.youyi-tab-body {
	background: #fff
}

.youyi-tab-body .youyi-tab-tit {
	height: 75px;
	line-height: 75px;
	text-align: center
}

.youyi-tab-body .youyi-tab-tit li {
	height: 66px;
	border-bottom: 1px solid #eee
}

.youyi-tab-body .youyi-tab-tit .active .tab-item {
	color: #3db1ea;
	background: url(../images/youyi-icon-img.png) no-repeat -400px 66px
}

@media screen and (min-width:1500px) {
	.youyi-tab-body .youyi-tab-tit .active .tab-item {
		background-position: -370px 66px
	}
}

.youyi-tab-body .youyi-tab-tit .tab-item {
	cursor: pointer;
	font-size: 22px;
	padding: 0 0 15px;
	height: 75px
}

.youyi-tab-body .youyi-tab-tit .tab-item:hover {
	color: #3db1ea;
	background: url(../images/youyi-icon-img.png) no-repeat -400px 66px
}

@media screen and (min-width:1500px) {
	.youyi-tab-body .youyi-tab-tit .tab-item:hover {
		background-position: -370px 66px
	}
}

.youyi-tab-body .youyi-tab-content .none {
	display: none
}

.youyi-tab-body .youyi-tab-content .con-item-col .con-item {
	height: 90px;
	margin: 0 0 30px;
	padding: 0 20px
}

.youyi-tab-body .youyi-tab-content .con-item-col .con-item-con {
	margin: 0 0 0 80px
}

.youyi-tab-body .youyi-tab-content .con-item-col .con-item-con h3 {
	margin: 0 0 0px;
	font-size: 18px;
	font-weight: 400;
}

.youyi-tab-body .youyi-tab-content .con-item-col .con-item-con p {
	margin: 0;
	color: #999
}


.row .col-1,.row .col-1-7,.row .col-2,.row .col-2-4,.row .col-3,.row .col-4,.row .col-5,.row .col-6,.row .col-7,.row .col-8,.row .col-9,.row .col-10,.row .col-11,.row .col-12 {
	float: left
}

.row .col-1 {
	width: 8.33333333%
}

.row .col-1-7 {
	width: 14.28571428%
}

.row .col-2 {
	width: 16.66666666%
}

.row .col-2-4 {
	width: 20%
}

.row .col-3 {
	width: 25%
}

.row .col-4 {
	width: 33.33333333%
}

.row .col-5 {
	width: 41.66666666%
}

.row .col-6 {
	width: 50%
}

.row .col-7 {
	width: 58.33333333%
}

.row .col-8 {
	width: 66.66666666%
}

.row .col-9 {
	width: 75%
}

.row .col-10 {
	width: 83.33333333%
}

.row .col-11 {
	width: 91.66666666%
}

.row .col-12 {
	width: 100%
}


.yy-icon {
	display: inline-block;
	background: url(../images/youyi-icon-img.png) no-repeat
}

.y-info-icon-1 {
	background-position: 0 0
}

.y-info-icon-2 {
	background-position: -60px 0
}

.y-info-icon-3 {
	background-position: -120px 0
}

.yy-tab-line-11 {
	background-position: 0 -300px
}

.yy-tab-line-12 {
	background-position: -198px -300px
}

.yy-tab-line-13 {
	background-position: -396px -300px
}

.yy-tab-line-14 {
	background-position: -66px -300px
}

.yy-tab-line-15 {
	background-position: -264px -300px
}

.yy-tab-line-16 {
	background-position: -462px -300px
}

.yy-tab-line-17 {
	background-position: -132px -300px
}

.yy-tab-line-18 {
	background-position: -330px -300px
}

.yy-tab-line-19 {
	background-position: -528px -300px
}

.yy-tab-line-21 {
	background-position: 0 -200px
}

.yy-tab-line-22 {
	background-position: -198px -200px
}

.yy-tab-line-23 {
	background-position: -396px -200px
}

.yy-tab-line-24 {
	background-position: -66px -200px
}

.yy-tab-line-25 {
	background-position: -264px -200px
}

.yy-tab-line-26 {
	background-position: -462px -200px
}

.yy-tab-line-27 {
	background-position: -132px -200px
}

.yy-tab-line-28 {
	background-position: -330px -200px
}

.yy-tab-line-29 {
	background-position: -528px -200px
}

.yy-tab-line-31 {
	background-position: 0 -100px
}

.yy-tab-line-32 {
	background-position: -198px -100px
}

.yy-tab-line-33 {
	background-position: -396px -100px
}

.yy-tab-line-34 {
	background-position: -66px -100px
}

.yy-tab-line-35 {
	background-position: -264px -100px
}

.yy-tab-line-36 {
	background-position: -462px -100px
}

.yy-tab-line-37 {
	background-position: -132px -100px
}

.yy-tab-line-38 {
	background-position: -330px -100px
}

.yy-tab-line-39 {
	background-position: -528px -100px
}

.icon66x66 {
    width: 66px;
    height: 66px;
}
.f-left {
    float: left;
}
.main-wrap {
	width: 1280px;
	margin: 0 auto;
	position: relative
}

@media screen and (min-width:1500px) {
	.main-wrap {
		width: 1500px
	}
}

.hei1{ width:100%; height:1px; overflow:hidden; clear:both}

.gray-col,.sub-gray-col {
	background: #f2f2f2
}

.mb60 {
    margin-bottom: 60px;
}

.mt60 {
    margin-top: 60px!important;
}
.youyi-tab-body .y-t-con {
    padding: 50px;
}


.product-server .product-item-con {
	padding: 30px;
	text-align: center
}

.product-server .product-item-con p {
	color: #999;
	text-align: center;
	margin: 0
}

.public-cloud .public-cloud-body .public-cloud-content {
	text-align: center
}

.public-cloud .public-cloud-body .public-cloud-content h3 {
	font-size: 18px
}

.public-cloud .public-cloud-body .public-cloud-content p {
	color: #999;
	line-height: 24px;
	font-size: 12px
}

.product-server-icon-1 {
	background-position: 0 -400px
}

.product-server-icon-2 {
	background-position: -70px -400px
}

.product-server-icon-3 {
	background-position: -140px -400px
}

.product-server-icon-4 {
	background-position: -210px -400px
}

.product-server-icon-5 {
	background-position: -280px -400px
}

.product-server-icon-6 {
	background-position: -350px -400px
}

.public-cloud-icon-1 {
	background-position: 0 -500px
}

.public-cloud-icon-2 {
	background-position: -60px -500px
}

.public-cloud-icon-3 {
	background-position: -120px -500px
}

.public-cloud-icon-4 {
	background-position: -180px -500px
}

.icon70x65 {
    width: 70px;
    height: 65px;
}


.mb30 {
    margin-bottom: 30px;
}
.product-server {
    padding: 0 0 60px;
}

.mt50 {
    margin-top: 50px;
}

.g-title {
    text-align: center;
    padding: 80px 0 30px;
    font-size: 30px;
    font-weight: 500;
    color: #303445;
    letter-spacing: 2px;
}
.core-function{
  text-align: center;
  margin-top: 48px;
}
.core-function span{
  display: inline-block;
  width: 293px;
  line-height: 93px;
  position: relative;
}
.core-function-img-hover{
  position: absolute;
  left: 5.5px;
  top: 0;
  display: none;
}
.core-function-hover {
  position: relative;
}
.core-function-hover:hover .core-function-img-hover{
  display: block;
}
 .core-function-hover:hover .core-function-title-two{display:block} 
.core-function-title-one{
  color: #fff;
  position: absolute;
  top: 30px;
  left: 100px;
  font-size: 24px;
}
.core-function-title-two{
  color: #ffffff;
  position: absolute;
  top: 60px;
  left: 42px;
  font-size: 12px;
  display: none;
}

.app-scene{
   margin: 0 auto;
   width: 1239px;
   line-height: 108px;
   margin-top: 11px;
}
.app-scene span{
  display: inline-block;
  width: 244px;
  text-align: center;
  font-size: 18px;
  color: #59607b;
}
.app-scene p{
}
.app-context {
  height: 254px;
  width: 940px;
  margin: 0 auto;
}
.app-context > div{
  position: relative;
  width: 470px;
  float: left;
}
.app-context img {
  display: block;
  width: 470px;
}
.app-context .app-content {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.5);
  color: #fff;
  width: 386px;
  height: 174px;
}
.app-content .app-title {
  font-size: 20px;
  padding: 5px 0;
  font-weight: 400;
}
.effect-oscar img {
  opacity: 0.9;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
.effect-oscar div {
  padding: 40px 42px;
}
.effect-oscar div:before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  border: 1px solid #fff;
  content: '';
}
.effect-oscar .app-title {
  margin: 36px 0 10px 0;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
}
.effect-oscar div:before,
.effect-oscar .app-cont {
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.effect-oscar:hover .app-title {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.effect-oscar:hover div::before,
.effect-oscar:hover .app-cont {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.develop-step {
  background-color: #fff;
  padding-bottom: 100px;
}

.develop-step-title {
  text-align: center;
  font-size: 30px;
  color: rgba(48, 52, 69, 1);
  line-height: 36px;
  padding-top: 80px;
  padding-bottom: 60px;
}

.develop-step-content {
  font-size: 18px;
  line-height: 36px;
  width: 1160px;
  margin: 0 auto;
}

.develop-first-step,
.develop-second-step,
.develop-third-step,
.develop-firth-step {
  float: left;
  color: rgba(89, 96, 123, 1);
}

.develop-first-step::before,
.develop-second-step::before,
.develop-third-step::before,
.develop-firth-step::before {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 22px;
  background: rgba(48, 145, 242, 1);
  color: #fff;
  text-align: center;
  border: 1px solid rgba(48, 145, 242, 1);
  border-radius: 16px;
  margin-right: 7px;
}

.develop-first-step::before {
  content: '1';
}

.develop-second-step::before {
  content: '2';
}

.develop-third-step::before {
  content: '3';
}

.develop-firth-step::before {
  content: '4';
}

.develop-first-step::after,
.develop-second-step::after,
.develop-third-step::after {
  content: '';
  display: inline-block;
  width: 80px;
  height: 0;
  vertical-align: middle;
  border-bottom: 1px solid rgba(213, 213, 222, 1);
  margin: 0 17px 0 19px;
}

.layout {
	width: 1200px;
	margin: 0 auto
}
.sec-create .bd {
	font-size: 14px;
	line-height: 24px
}

.mod-boxhd {
	position: relative;
	padding-left: 12px;
	height: 36px;
	line-height: 36px;
	margin-bottom: 24px
}

.mod-boxhd:before {
	position: absolute;
	content: '';
	width: 4px;
	height: 28px;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAcCAMAAABxqu66AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAADzUExURRS7qBeuvxqh1hipxxmmzhmoyhmmzRiqxhO8pheswhmnyxmlzxqj0hO9pBqi1Rqj0xetwBirxRO/oBW1shLBnRazthS5qxqg1xuf2hayuBO+oRS6qRevvhaytxaxuhirwxO+ohioyRiswxS7pxO9oxqk0RipyRLCnBLAnjjMqRW3rhevvBS5rBW4rRS8pxO+oxW0szjLqxue2xW4rhug2BawuxW2sBPAnxLBnBLAnxPBnBevvRO9pRmk0RS6qhS4rRLCmyzJpRW3rxTAnxa0tCnHpBue3Bug2UWv4BewuxW1sxW2sTmp4Ra0tT2s4BW3sEWt48YM6x0AAAB+SURBVAjXBcGDAQMBAASwe9t2bdu295+mCfrnfR32rLrDcW4vEJrTGpRuaIJflXJAkVfgRuig3dpE+Da2LqznYYh3z5ogcU4PpEHiYHlPAxBxcwxBJ2IYmaCD4owCmDzFgRWZCiSaFSGXJRqqJq/hkaoG/+qRuAz8EX6vz+0PQGEOeohwrQkAAAAASUVORK5CYII=');
	background-repeat: no-repeat;
	top: 4px;
	left: 0
}

.mod-boxhd-more {
	position: absolute;
	right: 0;
	bottom: 0;
	color: #1cbcb4;
	font-size: 16px;
	line-height: normal;
	text-align: right
}

.mod-boxhd-tit {
	display: inline-block;
	vertical-align: top;
	color: #383c3b;
	margin-top: 0;
	font-size: 24px
}

.mod-boxhd-intro {
	display: inline-block;
	vertical-align: text-bottom;
	color: gray;
	font-size: 16px;
	line-height: 20px;
	margin-left: 19px
}

.mod-boxhd:before {
	background: #2ba245
}

.mod-boxhd-more {
	color: #2ba245
}

.banner {
	height: 300px
}

.price {
	color: #dc373d
}

.sec {
	margin-top: 40px;
	overflow: hidden
}

.sec .card {
	background-color: #fff;
	border: 1px solid #e2e2e2;
	float: left;
	position: relative
}

.sec .card:hover {
	border-color: #1cbcb4
}

.sec-create .hd {
	height: 143px;
	color: #fff;
	overflow: hidden
}

.sec-create .hd i {
	position: absolute;
	top: 37px;
	left: 50px
}

.sec-create .hd h5 {
	font-size: 24px;
	margin-top: 30px
}

.sec-create .hd p {
	font-size: 16px
}

.sec-create .hd h5,.sec-create .hd p {
	line-height: 1;
	margin-left: 184px;
	margin-bottom: 14px
}

.sec-create .bd {
	padding: 30px 0 0 27px;
	color: #323232
}

.sec-create .bd .table {
	display: table
}

.sec-create .bd .tr {
	display: table-row
}

.sec-create .bd .td {
	display: table-cell;
	vertical-align: top
}

.sec-create .bd .td:first-child {
	color: #9e9e9e;
	width: 100px
}

.sec-create .bd .price {
	font-size: 18px
}

.sec-create .bd .price em {
	font-style: normal;
	font-size: 28px
}

.sec-create .card {
	width: 384px;
	height: 143px;
	margin-left: 24px;
	box-sizing: border-box
}

.sec-create .card-1 {
	margin-left: 0
}

.sec-create .card-1 .hd {
	background-color: #2782d7
}

.sec-create .card-1 .hd i {
	background-image: url(../images/sprite-25db4cb4c8.wx.index.png?max_age=31536000);
	background-position: 0 -297px;
	width: 81px;
	height: 68px
}

.sec-create .card-2 .hd {
	background-color: #605dae
}

.sec-create .card-2 .hd i {
	background-image: url(../images/sprite-25db4cb4c8.wx.index.png?max_age=31536000);
	background-position: -388px 0;
	width: 74px;
	height: 74px
}

.sec-create .card-3 .hd {
	background-color: #2ba246
}

.sec-create .card-3 .hd i {
	background-image: url(../images/sprite-25db4cb4c8.wx.index.png?max_age=31536000);
	background-position: -388px -78px;
	width: 72px;
	height: 64px
}

.sec-build .hd {
	height: 95px;
	line-height: 95px;
	font-size: 24px;
	text-align: center;
	color: #fff;
	display: block
}

.sec-build .bd {
	padding: 0 20px
}

.sec-build .card {
	width: 384px;
	height: 432px;
	margin-left: 24px;
	box-sizing: border-box
}

.sec-build .card-1 {
	margin-left: 0
}

.sec-build .card-1 .hd {
	background-image: url(../images/sprite-25db4cb4c8.wx.index.png?max_age=31536000);
	background-position: 0 0
}

.sec-build .card-2 .hd {
	background-image: url(../images/sprite-25db4cb4c8.wx.index.png?max_age=31536000);
	background-position: 0 -99px
}

.sec-build .card-3 .hd {
	background-image: url(../images/sprite-25db4cb4c8.wx.index.png?max_age=31536000);
	background-position: 0 -198px
}

.sec-build .row {
	display: block;
	padding: 30px 0;
	border-top: 1px solid #e2e2e2
}

.sec-build .row:first-child {
	border-top: none
}

.sec-build .row p {
	font-size: 14px;
	color: #9e9e9e
}

.sec-build .row h5 {
	font-size: 16px;
	color: #323232;
	margin-bottom: 5px
}

.sec-build .row:hover .tit {
	color: #1cbcb4
}

.sec-build .row .price {
	float: right
}

.sec-operate .card {
	text-align: center;
	float: left;
	margin: 0 24px 24px 0;
	width: 220px;
	height: 220px;
	box-sizing: border-box
}

.sec-operate .icon {
	height:136px;
	line-height: 136px
}

.sec-operate .icon img {
	margin-top:30px;
	vertical-align: middle
}

.sec-operate h5 {
	font-size: 18px;
	color: #323232
}

.sec-operate p {
	color: #9e9e9e
}/*  |xGv00|821b34cf380e326ddc81c4d5bbead29e */
.mr0 {
    margin-right: 0!important;
}


.sec-service {
  background-color: #F8F8F8; }
  .sec-service .nav-tab {
    position: relative;
    margin-bottom: 20px; }
    .sec-service .nav-tab:after {
      display: block;
      content: "";
      height: 1px;
      background-color: #E5E5E5;
      position: absolute;
      bottom: 0px;
      left: 0px;
      right: 0px; }
    .sec-service .nav-tab .nav-list {
      width: 720px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between; }
      .sec-service .nav-tab .nav-list > li {
		  list-style:none;
        position: relative; }
      .sec-service .nav-tab .nav-list > li > a, .sec-service .nav-tab .nav-list > li > a:active, .sec-service .nav-tab .nav-list > li > a:focus, .sec-service .nav-tab .nav-list > li > a:visited {
        display: inline-block;
        width: 120px;
        color: #333;
        font-size: 18px;
        text-align: center;
        padding-bottom: 22px;
        text-decoration: none; }
      .sec-service .nav-tab .nav-list > li:after {
        display: block;
        content: "";
        height: 2px;
        background-color: #279ef8;
        position: absolute;
        bottom: 0px;
        left: 50%;
        right: 50%;
        z-index: 2;
        transition: all .2s linear; }
      .sec-service .nav-tab .nav-list > li:hover a {
        color: #279ef8; }
      .sec-service .nav-tab .nav-list > li:hover:after {
        left: 0px;
        right: 0px; }
      .sec-service .nav-tab .nav-list > li.active a {
        color: #279ef8; }
      .sec-service .nav-tab .nav-list > li.active:after {
        left: 0px;
        right: 0px; }
  .sec-service .tabs-content {
    background-color: #fff;
    width: 100%;
    height: 380px;
    border-radius: 6px;
    position: relative; }
    .sec-service .tabs-content .tab-list {
      width: 100%;
      height: 380px;
      position: absolute;
      top: 0px;
      left: 0px;
      z-index: 1;
      opacity: 0;
      transition: all .3s linear; }
    .sec-service .tabs-content .tab-list.active {
      z-index: 10;
      opacity: 1; }
    .sec-service .tabs-content .list-msg {
      float: right;
      padding-top: 76px;
      margin-right: 52px; }
      .sec-service .tabs-content .list-msg .list-title {
        color: #333;
        font-size: 24px;
        margin-bottom: 24px; }
      .sec-service .tabs-content .list-msg .list-detail {
        width: 498px;
        color: #999;
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 46px;
        word-break: break-all; }
      .sec-service .tabs-content .list-msg .list-btn > a {
        display: inline-block;
        width: 100px;
        height: 30px;
        line-height: 30px;
        color: #fff;
        font-size: 13px;
        border-radius: 4px;
        text-align: center;
        background-color: #279ef8; }
      .sec-service .tabs-content .list-msg .list-btn > a:hover {
        background-color: #0099e5; }
    .sec-service .tabs-content #laoke {
      background: url("../images/lkyx.png") no-repeat 0 0;
      background-size: cover; }
    .sec-service .tabs-content #xinke {
      background: url("../images/xkyx.jpg") no-repeat 0 0;
      background-size: cover; }
    .sec-service .tabs-content #yunying {
      background: url("../images/yyfw.png") no-repeat 0 0;
      background-size: cover; }
    .sec-service .tabs-content #zhihui {
      background: url("../images/zhdp.png") no-repeat 0 0;
      background-size: cover; }
      .sec-service .tabs-content #zhihui .zh-list {
        padding-top: 100px;
        padding-left: 110px;
        text-align: center; }
        .sec-service .tabs-content #zhihui .zh-list > li {
          float: left;
          margin-right: 87px;
          width: 180px;
          height: 180px;
          border-radius: 50%;
          position: relative; }
        .sec-service .tabs-content #zhihui .zh-list > li:last-child {
          margin-right: 0px; }
        .sec-service .tabs-content #zhihui .zh-list > li > a {
          display: block;
          width: 180px; }
          .sec-service .tabs-content #zhihui .zh-list > li > a > img {
            width: 180px;
            height: 180px;
            vertical-align: bottom;
            border-radius: 50%; }

.sec-body {
  padding: 60px 0px;
  width: 1200px;
  margin: 0 auto; }

.sec-news-nav {
  height: 52px;
  line-height: 52px;
  color: #739bcc; }

.sec-news-nav .sec-body {
  padding: 0px; }

.news-notice {
  background: url("../../images/icons/notice.png") no-repeat center left;
  padding-left: 26px;
  padding-right: 12px;
  float: left; }

.news-nav-ul {
  overflow: hidden;
  float: left;
  margin: 0 auto; }

.news-nav-li {
	
  float: left;
  padding-right: 10px;
  width: 300px;
  margin-right: 98px;
  overflow: hidden; }

.news-nav-li:last-child {
  margin-right: 10px; }

.news-nav-li a {
  color: #739bcc;
  text-decoration: none;
  background: url("../../images/icons/circular.png") no-repeat center left;
  padding-left: 20px;
  overflow: hidden; }

.news-nav-li a:hover {
  color: #fff; }

.sec-news-nav .news-nav-more {
  width: 80px;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  float: right;
  border-radius: 50px;
  border: 1px solid #739bcc;
  text-align: center;
  margin-left: 12px;
  margin-top: 12px;
  color: #739bcc; }

.sec-news-nav .news-nav-more:hover {
  color: #3abbff;
  background: url("../../images/icons/morearrow_l.png") no-repeat center right; }

.sec-news {
  background: #f3f4f8; }

.sec-news .sec-body {
  overflow: hidden;
  padding: 80px 6px; }

.sec-news .list-item {
  float: left;
  width: 384px;
  border-right: 1px dashed #c3c4c7;
  padding-right: 38px;
  margin-right: 36px; }

.sec-news .list-item:last-child {
  border: none;
  width: 346px;
  margin-right: 0px;
  padding-right: 0px; }
  
  .jiujue{ bordeR:1px solid #f3f3f3; float:left; padding:0 26px; padding-bottom:19px; text-align:center; padding-top:10px; margin-right:22px; margin-bottom:20px;}
  .jiujuetitle{ line-height:32px; height:32px;font-weight:600; font-size:1.1em;}
  .jiujuecontent{ font-size:.8em; line-height:25px;}

.ej_news{ background-color:#f4f4f4; overflow:hidden; width:100%;}  
.news_wrap{width:1200px; margin:auto; overflow:hidden; margin-top:70px;}
#news_list{width:1215px; overflow:hidden;}
#news_list li{float:left; width:390px; height:408px; margin:0 15px 34px 0; background:#fff; -webkit-animation:gfadeIn 0.6s 0.8s both; -moz-animation:gfadeIn 0.6s 0.8s both; animation:gfadeIn 0.6s 0.8s both;}
#news_list li:nth-of-type(2){-webkit-animation-delay:1s; -moz-animation-delay:1s; animation-delay:1s;}
#news_list li:nth-of-type(3){-webkit-animation-delay:1.2s; -moz-animation-delay:1.2s; animation-delay:1.2s;}
#news_list li:nth-of-type(4){-webkit-animation-delay:1.4s; -moz-animation-delay:1.4s; animation-delay:1.4s;}
#news_list li:nth-of-type(5){-webkit-animation-delay:1.6s; -moz-animation-delay:1.6s; animation-delay:1.6s;}
#news_list li:nth-of-type(6){-webkit-animation-delay:1.8s; -moz-animation-delay:1.8s; animation-delay:1.8s;}
#news_list li:nth-of-type(7){-webkit-animation-delay:2s; -moz-animation-delay:2s; animation-delay:2s;}
#news_list li:nth-of-type(8){-webkit-animation-delay:2.2s; -moz-animation-delay:2.2s; animation-delay:2.2s;}
#news_list li:nth-of-type(9){-webkit-animation-delay:2.4s; -moz-animation-delay:2.4s; animation-delay:2.4s;}
#news_list li:nth-of-type(10){-webkit-animation-delay:2.6s; -moz-animation-delay:2.6s; animation-delay:2.6s;}
#news_list li:nth-of-type(11){-webkit-animation-delay:2.8s; -moz-animation-delay:2.8s; animation-delay:2.8s;}
#news_list li a{display:block; height:100%;}
#news_list li picture{display:block; height:238px; width:100%; overflow:hidden;}
#news_list li picture img{width:100%; height:auto; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#news_list li div{position:relative; height:130px; padding:20px; background:#fff; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#news_list li h2{margin-bottom:5px; color:#333; font-size:18px;font-weight: normal;display: block;}
#news_list li p{height:44px; color:#999; font-size:12px; overflow:hidden; line-height:1.8;}
#news_list li span{position:absolute; bottom:20px; left:20px; color:#999;}
#news_list li a:hover div{background:#112065;}
#news_list li a h2, #news_list li a p, #news_list li a span{-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#news_list li a:hover h2, #news_list li a:hover p, #news_list li a:hover span{color:#fff;}
#news_list li a:hover picture img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}
@-webkit-keyframes gupIn{
	from{opacity:0; -webkit-transform:translate3d(0,-30px,0);}
}
@-moz-keyframes gupIn{
	from{opacity:0; -moz-transform:translate3d(0,-30px,0);}
}
@keyframes gupIn{
	from{opacity:0; transform:translate3d(0,-30px,0);}
}


@-webkit-keyframes gdownIn{
	from{opacity:0; -webkit-transform:translate3d(0,30px,0);}
}
@-moz-keyframes gdownIn{
	from{opacity:0; -moz-transform:translate3d(0,30px,0);}
}
@keyframes gdownIn{
	from{opacity:0; transform:translate3d(0,30px,0);}
}


@-webkit-keyframes gleftIn{
	0%{opacity:0; -webkit-transform:translate3d(-30px,0,0);}
	100%{opacity:1; -webkit-transform:translate3d(0,0,0);}
}
@-moz-keyframes gleftIn{
	0%{opacity:0; -moz-transform:translate3d(-30px,0,0);}
	100%{opacity:1; -moz-transform:translate3d(0,0,0);}
}
@keyframes gleftIn{
	0%{opacity:0; transform:translate3d(-30px,0,0);}
	100%{opacity:1; transform:translate3d(0,0,0);}
}


@-webkit-keyframes grightIn{
	0%{opacity:0; -webkit-transform:translate3d(80px,0,0);}
	100%{opacity:1; -webkit-transform:translate3d(0,0,0);}
}
@-moz-keyframes grightIn{
	0%{opacity:0; -moz-transform:translate3d(80px,0,0);}
	100%{opacity:1; -moz-transform:translate3d(0,0,0);}
}
@keyframes grightIn{
	0%{opacity:0; transform:translate3d(80px,0,0);}
	100%{opacity:1; transform:translate3d(0,0,0);}
}


@-webkit-keyframes gfadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-moz-keyframes gfadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}
@keyframes gfadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}


@-webkit-keyframes gfadeOut{
	0%{opacity:1;}
	100%{opacity:0;}
}
@-moz-keyframes gfadeOut{
	0%{opacity:1;}
	100%{opacity:0;}
}
@keyframes gfadeOut{
	0%{opacity:1;}
	100%{opacity:0;}
}
.news{width:1200px; margin:75px auto 50px; -webkit-animation:gfadeIn 0.6s 0.6s both; -moz-animation:gfadeIn 0.6s 0.6s both; animation:gfadeIn 0.6s 0.6s both; text-align:center;}
.news h1{margin-bottom:10px; color:#333; font-size:24px;}
.news span{margin-right:34px; color:#999;}
.news article{margin-top:20px; padding:46px 96px 70px; background:#fff; text-align:left;}
.news article img{max-width:100%; margin-bottom:0px;}
.news article p{color:#666; font-size:16px; line-height:1.8; margin-bottom:18px;}

.yyzz{ position:fixed; right:0; bottom:10px; z-index:9999;}

#bannerresearch { height: 300px; width: 100%; background-color: #FFF; position: relative;margin-top:90px; }
#bannerresearch .intro { width: 100%; position: absolute; left: 50%; top: 50%; height: 173px;transform: translate(-50%,-50%); text-align: center; color: #636363;}
#bannerresearch .intro .h1 { font-size: 80px; font-weight: 700; letter-spacing: 0.015em; line-height: 90px; }
#bannerresearch .intro p { font-size: 24px; line-height: 80px; }

/*产品与服务*/
.trans1{transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

.idc_fw{width:100%; margin:0px auto;  padding:120px 0 60px;}

.idc_fw .dli{width:14%;  height:690px; line-height:2; float:left; margin:0px .7%;-moz-box-shadow:0px 0px 8px #DBDADA; text-align:center; overflow:hidden; -webkit-box-shadow:0px 0px 8px #DBDADA;box-shadow:0px 0px 8px #DBDADA; cursor:pointer; position: relative;}

.idc_fw .dli.on:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/jiujiu_logo2.png) no-repeat right bottom; background-size: 60%;}

.idc_fw h3{font-size:24px; font-weight:normal; color:#060606}

.idc_fw i{width: 57px; height: 53px;background: url(../images/icons.png) no-repeat;    display: block;   margin: 50px auto 15px; background-position: center center;}

.idc_fw .ico1{ background-image:url(../images/pro_icon1.png);}

.idc_fw .ico2{ background-image:url(../images/pro_icon2.png);}

.idc_fw .ico3{ background-image:url(../images/pro_icon3.png);}

.idc_fw .ico4{ background-image:url(../images/pro_icon4.png);}

.idc_fw .ico5{ background-image:url(../images/pro_icon5.png);}

.idc_fw .ico6{ background-image:url(../images/pro_icon6.png);}

.idc_fw .ico7{ background-image:url(../images/pro_icon7.png);}

.idc_fw .dli.on .ico1{ background-image:url(../images/pro_icon1_on.png);}

.idc_fw .dli.on .ico2{ background-image:url(../images/pro_icon2_on.png);}

.idc_fw .dli.on .ico3{ background-image:url(../images/pro_icon3_on.png);}

.idc_fw .dli.on .ico4{ background-image:url(../images/pro_icon4_on.png);}

.idc_fw .dli.on .ico5{ background-image:url(../images/pro_icon5_on.png);}

.idc_fw .dli.on .ico6{ background-image:url(../images/pro_icon6_on.png);}

.idc_fw .dli.on .ico7{ background-image:url(../images/pro_icon7_on.png);}

.idc_fw p{height:66px; font-size:14px; color:#666666}

.idc_fw ul{ margin:0px 20px; padding:10px 0px 50px; color:#666666; line-height:40px; font-size:14px; position:relative; z-index:1;}

.idc_fw ul li{ border-bottom:1px solid #eeeeee; line-height:40px; font-size:16px; color:#7e7770;}

.idc_fw .jg{height:56px; line-height:56px; padding:45px 0px 0px;color:#666666; overflow:hidden;}

.idc_fw .jg span{color:#FF8A00; font-size:40px}

.idc_fw .dli.on{width:21.3%; background:url(../images/producet_bg.jpg) no-repeat left top; background-size:cover; position:relative;}

.idc_fw .dli.on h3,.idc_fw .dli.on p{color:#FFFFFF}

.idc_fw .dli.on .div{width:280px; padding:10px 0px 0px; color:#666666; font-size:14px; margin:0 auto;}

.idc_fw .dli.on  ul {border:0px; padding:20px 0px 0px; overflow:hidden; height:auto}

.idc_fw .dli.on  ul li{ width:80%; margin:0 auto; text-align:center; background:url(../images/pro_arrow.jpg) no-repeat right center;}

.idc_fw .dli.on  ul li:hover{ color:#ef3125; background-image:url(../images/pro_arrow_on.jpg);}

.idc_fw .dli.on .jg{padding:10px 0px 10px;}

.idc_fw .dli.on  ul .lilf{text-align:left; padding-left:10%}

.idc_fw .dli.on  ul li span{color:#059FFF;}

.idc_fw .dli.on .a1{width:80%; height:40px; display:block; line-height:40px; text-align:center; background:#FF8A00; color:#FFFFFF; margin:0 auto;}

.al_select{ background:#f5f5f5;}
.al_select *{ box-sizing: border-box; vertical-align: top;}
.al_select ul{ font-size:0; text-align:center; border-bottom:#e0dfe2 1px solid;}
.al_select ul li{ width:33.3%; display:inline-block; *display:inline; *zoom:1; height:5.25rem; line-height:5.25rem; position:relative }
.al_select ul li:after{ content:""; position:absolute; width:0; right:0; bottom:-1px; height:2px; background:#ff0000; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.al_select ul li a{ font-size:1rem; color:#353536; display:block;}
.al_select ul li a img{ margin-right:1rem; margin-top:-3px; vertical-align:middle;}
.al_select ul li.on:after{ left:0; width:100%}
.al_select ul li:hover:after{ left:0; width:100%}

.n_case_x{padding: 7.625rem 0 4.25rem;}
.n_case_x *{box-sizing: border-box;vertical-align: top;}
.n_case_x img{ display:inline-block;max-width: 100%; max-height: 100%;}
.n_case_x ul{font-size:0;margin: 0 -1rem;margin-bottom: -3rem;}
.n_case_x ul li{width:20%;display:inline-block; *display:inline; *zoom:1;padding: 0 1rem;margin-bottom: 7.5rem;text-align:center;}
.n_case_x ul li .img,.n_case_x ul li .img img{overflow:hidden;width:100%;position:relative;}
.n_case_x ul li .con{padding: 1.55rem 0 0 0;text-align:center;}
.n_case_x ul li .con h5,.n_case_x ul li .con h5 a{font-size: 1.125rem;height: 1.25rem;line-height: 1.25rem;color: #4d4c51;}
.n_case_x ul li .con h6{ margin:0 -0.3125rem; margin-top:1.25rem;}
.n_case_x ul li .con h6 span{ display:inline-block; *display:inline; *zoom:1; width:50%; padding:0 0.3125rem; }
.n_case_x ul li .con h6 span a{ display:block; width:100%; height:40px; line-height:38px; border:#dcdcdc 1px solid; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -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; cursor:pointer}
.n_case_x ul li .con h6 span a{ font-size:0.875rem; color:#4b4949}
.zx_tel{ display:none;}
.n_case_x ul li .con h6 span a.zixu_web:hover .zx_tel{ display:block;}

.n_case_x ul li .img .top{ position:absolute; left:0;top:0;width:100%;height:100%; background-color:transparent; z-index:0}
.n_case_x ul li .img .top .table_cell{ position:relative;}
.n_case_x ul li .img .top .table_cell .sj_top{position:absolute;width:100%;top: 4.4%;left:0;text-align:center;z-index: 10;}
.n_case_x ul li .img .top .table_cell .sj_top img{ width:auto; height:1rem; display:inline-block; margin-top:0}
.n_case_x ul li .img .top img{width:75%;border-radius: 1.125rem;margin-top: 0.25rem;sposition: relative;}
.n_case_x ul li .img .top img.on{filter:alpha(opacity=45);opacity:0.45;-moz-opacity:0.45;-khtml-opacity:0.45;}

.n_case_x ul li .img .ewm{position:absolute;left:0;top:0;width:100%;height:100%;display:none;}
.n_case_x ul li .img .ewm img{width:8.125rem;}

.zixu_wap{ display:none !important}

.n_case_x{ position:relative;}

.n_case_x .before{ position:absolute; left:0; top:0; width:100%; height:100%}

.layui-container01 {
    position: relative;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
    max-width: 1630px;
}
@media (min-width: 1360px){
.layui-container01{ max-width:1730px !important;}
.layui-container01,.layui-container04 {
    padding: 0 80px !important;

}
}
.table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.table_cell{ display:table-cell; vertical-align:middle}