body { background-color: #fff; }
.container { position: relative; width: 1200px; margin: 0 auto; }

/* header */
#header { position: relative; width: 100%; height: 130px; background-color: #fff; }
.logo { position: absolute; z-index: 1; top: 28px; left: 0; }
.dyui-lang { position: absolute; z-index: 1; top: 28px; right: 0; }
.dyui-lang p { line-height: 20px; }
.dyui-lang p img { vertical-align: middle; margin-right: 5px; }
.search { position: absolute; z-index: 1; top: 28px; right: 90px; width: 350px; height: 40px; }
.search-input { float: left; width: 284px; height: 38px; padding: 0 10px; border: 1px solid #959595; border-right: none; }
.search-btn { float: left; width: 45px; height: 40px; background: url('/index/images/search_btn.jpg') no-repeat center top; border: none; cursor: pointer; }
/*layui-nav*/
.layui-nav { position: absolute; z-index: 1; top: 68px; right: 0; padding: 0; background-color: transparent; }
.layui-nav .layui-nav-item { line-height: 62px; margin-left: 60px; transition: all .2s; -webkit-transition: all .2s; }
.layui-nav .layui-nav-item>a { padding: 0; font-size: 16px; color: #333; }
.layui-nav .layui-nav-item>a:hover, .layui-nav .layui-this>a { color: #0074c1; }
.layui-nav .layui-nav-more { display: none; }
.layui-nav-bar,
.layui-nav .layui-this:after { height: 2px; bottom: 0; background-color: #0074c1; }
.layui-nav-child { top: 62px; left: -16px; }
.layui-nav .layui-nav-item .layui-nav-child a { font-size: 14px; text-align: left; }

/*banner*/
#banner {}

/*iproduct*/
#iproduct { padding: 50px 0 60px; }
.iproduct-title { position: relative; text-align: center; padding-bottom: 20px; border-bottom: 1px solid #e9e9e9; }
.iproduct-title:after { content: ''; position: absolute; z-index: 1; left: 50%; bottom: -1px; margin-left: -7px; display: block; width: 14px; height: 1px; background-color: #0074c1; }
.iproduct-title p.title { font-size: 34px; color: #313234; }
.iproduct-title p.subtitle { font-family: Arial; color: #666; margin-top: 5px; }
.iproduct-content { width: 1240px; margin-top: 40px; }
.iproduct-item { position: relative; float: left; width: 270px; margin-right: 40px; margin-bottom: 20px; border-bottom: 3px solid #e6e6e6; }
.iproduct-item:after { content: ''; position: absolute; z-index: 1; left: 0; bottom: -3px; display: block; width: 0px; height: 3px; background-color: #0074c1; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.iproduct-item-thumb { width: 270px; height: 270px; overflow: hidden; }
.iproduct-item-thumb img { width: 270px; height: 270px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.iproduct-item-info { text-align: center; padding: 10px 0 15px; }
.iproduct-item-info p.title { font-size: 16px; color: #666; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.iproduct-item-info p.icon { margin-top: 10px; }
.iproduct-item-info p.icon i.layui-icon { font-size: 16px; color: #c6c6c6; font-weight: 700; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
a.iproduct-more { position: relative; display: block; width: 238px; height: 46px; border: 1px solid #e1e1e1; margin: 30px auto 0; color: #757575; line-height: 46px; text-align: center; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
a.iproduct-more:after { content: ''; position: absolute; z-index: -1; left: 0; top: 0; display: block; width: 0px; height: 46px; background-color: #0074c1; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.iproduct-item:hover:after { width: 100%; }
.iproduct-item:hover .iproduct-item-thumb img { transform: scale(1.1, 1.1); }
.iproduct-item:hover .iproduct-item-info p.title { color: #0074c1; }
.iproduct-item:hover .iproduct-item-info p.icon i.layui-icon { color: #0074c1; }
a.iproduct-more:hover { color: #fff; border-color: #0074c1; }
a.iproduct-more:hover:after { width: 100%; }

/*iabout*/
#iabout { height: 570px; padding-top: 75px; background: #fff url('/index/images/iabout_bg.jpg') no-repeat center top; }
#iabout .container { height: 100%; }
.profile-info { position: relative; }
.profile-info p.title { font-size: 48px; color: #0074c1; font-weight: 700; }
.profile-info p.description { font-size: 16px; color: #000; line-height: 32px; margin-top: 30px; }
a.iabout-more { position: absolute; z-index: 1; right: 0; bottom: 15px; display: block; width: 150px; height: 42px; background-color: #0074c1; color: #fff; text-align: center; line-height: 42px; }
.iabout-content { position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; height: 190px; }
.iabout-info { float: left; width: 600px; height: 190px; background: url('/index/images/iabout_info_bg.jpg') no-repeat center top; }
.iabout-info-title { color: #333; padding: 20px 0 0 25px; }
.iabout-status { margin: 25px 0 0 25px; }
.status-item { display: inline-block; margin-left: 90px; }
.status-item:first-child { margin: 0; }
.status-item .item-thumb { display: inline-block; margin-right: 10px; }
.status-item .item-thumb img { vertical-align: bottom; }
.status-item .item-info { display: inline-block; }
.status-item .item-info p.title { font-family: Arial; font-size: 24px; color: #0074c1; }
.status-item .item-info p.title span { font-family: Microsoft YaHei; font-size: 14px; color: #333; padding-left: 5px; }
.status-item .item-info p.subtitle { font-size: 18px; color: #000; }
.iabout-thumb { float: left; width: 600px; }
.iabout-thumb img { width: 600px; height: 190px; }

/*inews*/
#inews { padding: 50px 0 60px; }
.inews-title { text-align: center; }
.inews-title p.title { font-size: 34px; color: #313234; }
.inews-title p.subtitle { font-family: Arial; color: #666; margin-top: 5px; background: url('/index/images/inews_subtitle_bg.png') no-repeat center center; }
.inews-content { margin-top: 50px; width: 1259px; }
.inews-item01 { position: relative; display: block; float: left; width: 485px; height: 360px; margin-right: 58px; }
.inews-item01-thumb { width: 485px; height: 360px; overflow: hidden; }
.inews-item01-thumb img { width: 485px; height: 360px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.inews-item01-info { position: absolute; z-index: 1; left: 0; bottom: 0; width: 485px; height: 90px; }
.inews-item01-info p.title { float: left; width: 335px; padding: 0 15px; background-color: rgba(0,0,0,.5); font-size: 16px; color: #fff; line-height: 90px; }
.inews-item01-info p.date { float: left; width: 120px; background-color: #0074c1; font-family: Arial; font-size: 30px; color: #fff; text-align: center; line-height: 90px; }
.inews-item { display: block; float: left; width: 300px; margin-right: 58px; padding: 44px 0 45px; }
.inews-item p.title { font-size: 16px; color: #333; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.inews-item p.date { color: #666; padding: 5px 0; }
.inews-item p.description { height: 44px; color: #333; line-height: 22px; overflow: hidden; }
a.inews-more { position: relative; display: block; width: 238px; height: 46px; border: 1px solid #e1e1e1; margin: 60px auto 0; color: #757575; line-height: 46px; text-align: center; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
a.inews-more:after { content: ''; position: absolute; z-index: -1; left: 0; top: 0; display: block; width: 0px; height: 46px; background-color: #0074c1; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.inews-item01:hover .inews-item01-thumb img { transform: scale(1.1, 1.1); }
.inews-item:hover p.title { color: #0074c1; }
a.inews-more:hover { border-color: #0074c1; color: #fff; }
a.inews-more:hover:after { width: 100%; }

/*iadvantage*/
#iadvantage { padding: 50px 0 80px; background-color: #f8f9f9; }
.iadvantage-title { text-align: center; }
.iadvantage-title p.title { font-size: 34px; color: #313234; }
.iadvantage-title p.subtitle { position: relative; color: #666; margin-top: 20px; }
.iadvantage-title p.subtitle:after { content: ''; position: absolute; z-index: 1; bottom: -30px; left: 50%; margin-left: -26px; display: block; width: 52px; height: 1px; background-color: #0074c1; }
.iadvantage-content { margin-top: 70px; width: 1240px; }
.iadvantage-item { float: left; width: 230px; height: 345px; padding: 45px 20px 0; margin-right: 40px; background-color: transparent; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.iadvantage-item-thumb { width: 100px; height: 100px; margin: 0 auto; background-color: transparent; border-radius: 100%; text-align: center; line-height: 100px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.iadvantage-item-info { margin-top: 30px; }
.iadvantage-item-info p.title { font-size: 16px; color: #262626; text-align: center; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.iadvantage-item-info p.description { height: 88px; color: #8a8a8a; line-height: 22px; text-align: center; overflow: hidden; margin-top: 25px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.iadvantage-item:hover { background-color: #0074c1; }
.iadvantage-item:hover .iadvantage-item-thumb { background-color: #fff; }
.iadvantage-item:hover .iadvantage-item-info p.title { color: #fff; }
.iadvantage-item:hover .iadvantage-item-info p.description { color: #fff; }

/* page */
#page-banner { height: 300px; background-position: center top; background-repeat: no-repeat; }

.page-breadcrumb { height: 50px; line-height: 50px; border-bottom: 1px solid #f4f4f4; }
.sider-menu { float: left; width: 200px; background-color: #fff; }
.sider-menu-title { line-height: 50px; padding: 0 20px; background-color: #0074c1; color: #fff; font-size: 16px; font-weight: 700; border-radius: 2px; }
.sider-menu>ul { padding: 5px 15px 15px; border: 1px solid #eee; border-radius: 2px; border-top: none; }
.sider-menu li { line-height: 40px; padding-left: 16px; border-bottom: 1px solid rgba(0,0,0,.08); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.sider-menu li:last-child { border-bottom: none; }
.sider-menu li a { position: relative; display: block; color: #666; transition: all 0.3s ease-out 0s; }
.sider-menu>ul>li>a::before { content: ''; position: absolute; left: -16px; top: 14px; width: 3px; height: 12px; background: transparent; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.sider-menu>ul>li:hover,
.sider-menu>ul>li.active { padding-left: 25px; }
.sider-menu li:hover>a,
.sider-menu li.active>a { color: #0074c1; }
.sider-menu li:hover>a::before,
.sider-menu li.active>a::before { background-color: #0074c1; }
.sider-menu li ul { padding-bottom: 10px; display: none; }
.sider-menu li.active>ul { display: block; }
.sider-menu li ul li { border: 0; line-height: 30px; padding-left: 10px; }
.breadcrumb { float: right; padding-right: 15px; }
.layui-breadcrumb a:hover { color: #0074c1!important; }

.page-info { line-height: 30px; padding: 30px 0 50px; }
.page-info img { max-width: 100%; }
.dyui-info { float: right; width: 960px; }

/* newslist */
.news-list { width: 100%; }
.news-item { position: relative; padding: 35px 20px 35px 30px; border-top: 1px solid #e5e5e5; }
.news-item:hover { box-shadow: 0 10px 30px rgba(0,0,0,.1); }
.news-item .news-info { float: left; }
.news-item .news-info p.title { width: 660px; font-size: 16px; color: #666; line-height: 36px; padding-left: 26px; transform: translateX(-27px); transition: all .36s ease; }
.news-item .news-info p.date { font-size: 14px; color: #999; font-family: Arial; line-height: 32px; transition: all .36s ease; }
.news-item .news-info p.description { width: 660px; height: 52px; overflow: hidden; font-size: 14px; color: #999; line-height: 26px; transition: all .36s ease; }
.news-item .news-thumb { float: right; width: 200px; height: 130px; overflow: hidden; }
.news-item .news-thumb img { width: 200px; height: auto; vertical-align: middle; }
.news-item:hover .news-info p.title { color:#0074c1; transform:translateX(-17px) }
.news-item:hover .news-info p.date { transform:translateX(10px) }
.news-item:hover .news-info p.description { transform:translateX(10px) }

/* imglist */
.img-list { margin: 0 -45px 0 0; }
.img-item { position: relative; float: left; width: 290px; background-color: #fff; margin-right: 45px; margin-bottom: 45px; transition: all .36s ease-out; }
.img-item:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; width: 30%; height: 2px; background-color: #0074c1; opacity: 0; transition: all .36s ease-out; }
.img-item .img-item-thumb { position: relative; width: 290px; height: 290px; overflow: hidden; background-color: #eee; }
.img-item .img-item-thumb::after { content: '+'; position: absolute; s: 0; left: 50%; width: 60px; height: 60px; margin: 0 0 0 -30px; font-size: 50px; color: #fff; border-radius: 60px; border: 2px solid #fff; line-height: 60px; text-align: center; opacity: 0 }
.img-item .img-item-thumb img { width: 100%; height: auto; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.img-item:hover .img-item-thumb img { transform: scale(1.1, 1.1); }     
.img-item:hover .img-item-thumb::after { opacity: .8; top: 50%; margin-top: -30px; transition: all .5s ease; }
.img-item .img-item-info { text-align: center; height: 48px; line-height: 48px; }
.img-item .img-item-info p.title { color: #333; padding: 0 10px; }
.img-item:hover { box-shadow: 0 15px 30px rgba(0,0,0,.1); }
.img-item:hover:after { width: 100%; opacity: 1; }

/*partnerlist*/
.partner-list { margin: 0 -45px 0 0; }
.partner-item { position: relative; float: left; width: 290px; background-color: #fff; margin-right: 45px; margin-bottom: 45px; }
.partner-item img { width: 100%; height: auto; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

/* search result */
.search-content { padding: 40px 0 50px; line-height: 30px; }
.search-title { font-size: 26px; padding-bottom: 25px; }
.search-list { margin: 0 -40px 0 0; }
.search-item { position: relative; float: left; width: 270px; background-color: #fff; margin-right: 40px; margin-bottom: 40px; transition: all .36s ease-out; }
.search-item:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; width: 30%; height: 2px; background-color: #0074c1; opacity: 0; transition: all .36s ease-out; }
.search-item .search-item-thumb { position: relative; width: 270px; height: 270px; overflow: hidden; background-color: #eee; }
.search-item .search-item-thumb::after { content: '+'; position: absolute; top: 0; left: 50%; width: 60px; height: 60px; margin: 0 0 0 -30px; font-size: 50px; color: #fff; border-radius: 60px; border: 2px solid #fff; line-height: 60px; text-align: center; opacity: 0 }
.search-item .search-item-thumb img { width: 100%; height: auto; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.search-item:hover .search-item-thumb img { transform: scale(1.1, 1.1); }
.search-item:hover .search-item-thumb::after { opacity: .8; top: 50%; margin-top: -30px; transition: all .5s ease; }
.search-item .search-item-info { text-align: center; height: 48px; line-height: 48px; }
.search-item .search-item-info p.title { color: #333; padding: 0 10px; }
.search-item:hover { box-shadow: 0 15px 30px rgba(0,0,0,.1); }
.search-item:hover:after { width: 100%; opacity: 1; }

/* shownews */
.showinfo-content { padding: 0 150px; }
.show-title { font-size: 18px; line-height: 30px; text-align: center; margin: 0; }
.show-para { font-size: 12px; color: #ccc; border-bottom: 1px solid #eee; text-align: center; padding: 5px 0 10px; }
.show-content { line-height: 30px; padding: 15px; }

/* showproduct */
.pro-thumb { float: left; width: 500px; }
.view .swiper-container { width: 500px; height: 500px; }
.view .arrow-left { background: url('/index/images/index_tab_l.png') no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -25px; width: 28px; height: 51px; z-index: 10; }
.view .arrow-right { background: url('/index/images/index_tab_r.png') no-repeat left bottom; position: absolute; right: 10px; top: 50%; margin-top: -25px; width: 28px; height: 51px; z-index: 10; }
.preview { width: 100%; margin-top: 10px; position: relative; }
.preview .swiper-container { width: 430px; height: 82px; margin-left: 35px; }
.preview .swiper-slide { width: 87px; height: 82px; cursor:pointer; }
.preview .arrow-left { background: url('/index/images/feel3.png') no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -9px; width: 9px; height: 18px; z-index: 10; }
.preview .arrow-right { background: url('/index/images/feel4.png') no-repeat left bottom; position: absolute; right: 10px; top: 50%; margin-top: -9px; width: 9px; height: 18px; z-index: 10; }
.preview img { padding: 1px; width: 80px; }
.preview .active-nav img { padding: 0; border: 1px solid #0074c1; }

.pro-info { float: right; width: 410px; }
.pro-info>p.title { font-size: 20px; color: #333; margin-bottom: 15px; }
.pro-info>p.description { color: #666; line-height: 28px; }
.pro-content { margin-top: 40px; }
.detailed-title { position: relative; line-height: 44px; border-bottom: 1px solid #ddd; }
.detailed-title span { position: relative; display: inline-block; padding: 0 20px; font-size: 18px; font-weight: 700; }
.detailed-title span:after { content: ''; position: absolute; z-index: 1; bottom: -2px; left: 0; display: block; width: 100%; height: 2px; background-color: #0074c1; }
.detailed-content { padding: 15px 0; }

/* pagination */
.pagination { margin-top: 30px; }
.pagination li { display: inline-block; margin: 0 5px; }
.pagination li a,
.pagination li span { display: inline-block; font-family: Microsoft Yahei; padding: 3px 15px; background-color: #eee; border-radius: 3px; }
.pagination li a:hover { color: #0074c1; }
.pagination li.active span { background-color: #0074c1; color: #fff; }

#footer { background-color: #313131; }
.footer-logo { padding: 33px 0; text-align: center; }
.footer-content { padding: 25px 0; border-top: 1px solid #505050; border-bottom: 1px solid #505050; }
.footer-qrcode { float: left; width: 360px; height: 128px; padding: 5px 0; }
.footer-qrcode img { display: inline-block; width: 128px; height: 128px; margin-right: 25px; }
.footer-qrcode p { display: inline-block; color: #c6c6c6; }
.footer-contact { float: left; width: 310px; padding: 10px 54px 0; height: 128px; border-left: 1px solid #505050; border-right: 1px solid #505050; }
.footer-contact p { margin-bottom: 10px; }
.footer-contact p img { margin-right: 15px; }
.footer-contact p span { color: #c6c6c6; }
.footer-nav { float: right; width: 420px; height: 123px; padding-top: 15px; text-align: center; }
.footer-nav a.footnav-item { display: inline-block; width: 78px; height: 24px; border: 1px solid #404040; margin: 0 13px 15px; color: #c5c5c5; text-align: center; line-height: 24px; }
.copyright { padding: 20px 0; color: #909090; text-align: center; }

/* map */
#mapContainer {
	position: relative;
	height: 300px;
	margin-bottom: 20px;
}

.button-group {
	position: absolute;
	bottom: 20px;
	right: 20px;
	font-size: 12px;
	padding: 10px;
}

.button-group .button {
	height: 28px;
	line-height: 28px;
	background-color: #0D9BF2;
	color: #FFF;
	border: 0;
	outline: none;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 3px;
	margin-bottom: 4px;
	cursor: pointer;
}
#tip {
	background-color: #fff;
	padding-left: 10px;
	padding-right: 10px;
	position: absolute;
	font-size: 12px;
	right: 10px;
	top: 20px;
	border-radius: 3px;
	border: 1px solid #ccc;
	line-height: 30px;
}

.amap-info-content {
	font-size: 12px;
}

/*--------------------------英文版----------------------------*/
/*iabout*/
.en-iabout-status { margin-top: 32px; }
.en-status-item { margin-left: 75px; }

/*footer*/
.en-footer-contact { width: 470px; padding: 10px 40px 0; border: none; }
.en-footer-nav {  }
.en-footer-nav a.footnav-item { width: 148px; }