body, dl, dd, ul, ol, h1, h2, h3, h4, form, input, button, textarea, p, th, td {
	margin: 0;
	padding: 0
}
body {
	font: 12px/1.5 Arial, 'Microsoft YaHei';
	color: #222;
	font-size: 12px;
	background: #fff
}
img {
	vertical-align: middle;
	border: 0
}
ul, ol {
	list-style: none outside none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
button, input, select, textarea {
	font-size: 100%;
	vertical-align: middle
}
a {
	color: #333;
	text-decoration: none;
blr:expression(this.onFocus=this.blur())
}
a:hover {
	text-decoration: none;
	text-decoration: none!important;
	color: #264793
}
:focus {
	outline: 0 none
}
h1, h2, h3 {
	font-size: 100%;
	font-weight: normal
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
	-moz-appearance: button
}
.text, .btn, textarea {
	font-family: arial, 'Microsoft YaHei'
}
.clearfix:after {
	content: ".";
	clear: both;
	height: 0;
	visibility: hidden;
	display: block
}
.clearfix {
*zoom:1
}
em, i {
	font-style: normal
}
li {
	list-style: none
}
h3 {
	font-weight: normal
}
.fl {
	float: left
}
.fr {
	float: right
}
.wrap {
	width: 93%;
	margin: auto
}
a, img, .head, .logo, .language, .req_name, .video_bg, .video_icon, .prod_innav_btn, .than, .ind_part_item, .cata_ul>li.on>a:before {
	-webkit-transition: all .4s;
	-ms-transition: all .4s;
	transition: all .4s
}
img {
	max-width: 100%
}
.head {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 105px;
	z-index: 1024;
	background: rgba(0,0,0,0.3)
}
.logo {
	float: left;
	padding-top: 12px;
	overflow: hidden
}
.navs {
	float: right
}
.navs li {
	float: left;
	line-height: 105px;
	margin: 0 25px;
	position: relative;
	z-index: 999
}
.navs li>a {
	color: #fff;
	display: block;
	font-size: 16px;
	text-align: center
}
.navs li>a:hover, .navs li.on>a {
	font-weight: 700
}
.language {
	float: right;
	color: #fff;
	margin-left: 25px;
	margin-top: 43px;
	font-size: 14px;
	font-weight: 700
}
.language a {
	color: #fff;
	margin: 0 5px
}
.fixed {
	height: 64px
}
.fixed .logo {
	padding-top: 5px
}
.fixed .navs li {
	line-height: 64px
}
.fixed .language {
	margin-top: 21px
}
.nav__trigger {
	margin-left: 20px;
	float: right;
	width: 30px;
	height: 30px;
	position: relative;
	right: 0;
	top: 17px;
	z-index: 9999;
	display: none;
	cursor: pointer
}
.nav__icon {
	display: block;
	position: absolute;
	width: 30px;
	height: 5px;
	top: 0;
	left: 0;
	background-color: #264793;
	-webkit-transition-property: background-color, -webkit-transform;
	transition-property: background-color, -webkit-transform;
	transition-property: background-color, transform;
	transition-property: background-color, transform, -webkit-transform;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms
}
.nav__icon:before, .nav__icon:after {
	content: '';
	display: block;
	width: 30px;
	height: 5px;
	position: absolute;
	background: #264793;
	-webkit-transition-property: margin, -webkit-transform;
	transition-property: margin, -webkit-transform;
	transition-property: margin, transform;
	transition-property: margin, transform, -webkit-transform;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms
}
.nav__icon:before {
	margin-top: 20px
}
.nav__icon:after {
	margin-top: 10px
}
.zjq-mnav {
	width: 92%;
	height: 100%;
	padding: 0;
	position: fixed;
	z-index: 1024;
	opacity: 0;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	left: 0;
	top: 0;
	overflow: hidden
}
.zjq-msons {
	margin: 14px 10px;
	border-bottom: 1px solid rgba(255,255,255,0.3)
}
.zjq-msons dt {
	font-size: 14px;
	margin-bottom: 8px;
	line-height: 1.6rem;
	text-align: center
}
.zjq-msons a {
	color: #fff
}
.zjq-msons dd {
	line-height: 24px;
	margin-left: -20px
}
.zjq-msons dd a {
	margin-left: 20px;
	display: inline-block;
	color: #e9e8e8
}
.nav--active {
	overflow: hidden
}
.nav--active .nav__trigger {
	opacity: .5
}
.nav--active .nav__icon {
	top: 8px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}
.nav--active .nav__icon:before {
	display: none
}
.nav--active .nav__icon:after {
	margin-top: 0;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}
.nav--active .zjq-mnav {
	top: 0;
	opacity: 1;
	height: 100%;
	background: #264793;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	padding: 3rem 0
}
.slide-img {
	overflow: hidden;
	position: relative;
	height: 100%
}
.slide-img li, .slide-b {
	height: 100%
}
.slide-img li {
	background-size: cover!important
}
.slide-img .flex-control-nav {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
	height: auto;
	text-align: center;
	z-index: 999
}
.slide-img .flex-control-nav li {
	display: inline-block
}
.slide-img .flex-control-nav li a {
	display: block;
	width: 50px;
	height: 8px;
	margin: 0 7px;
	text-indent: -9999px;
	cursor: pointer;
	background: rgba(255,255,255,.5)
}
.slide-img .flex-control-nav li a.flex-active {
	background: rgba(255,255,255,1)
}
.mb_slide {
	display: none
}
.slide-img .flex-direction-nav {
	display: none
}
.pad {
	padding-top: 5%;
	height: 100%;
	background: no-repeat center top;
	background-size: cover
}
.ind_abt {
	position: relative;
	background-image: url('../images/pic_02.jpg')
}
.ind_abt_pos {
	position: absolute;
	top: 18%;
	left: 50%;
	width: 1200px;
	height: 658px;
	text-align: center;
	transform: TranslateX(-50%)
}
.ind_abt_center {
	position: absolute;
	top: 70px;
	left: 50%;
	width: 274px;
	height: 274px;
	color: #fff;
	text-align: center;
	margin-left: -142px;
	padding: 10px;
	border-radius: 50%;
	opacity: 0;
	background: rgba(0,0,0,0.5)
}
.active .ind_abt_center {
	opacity: 1;
	animation-name: fadeInUp;
	animation-duration: 1s;
	animation-delay: 1s;
	animation-fill-mode: both
}
.excircle, .fillet {
	position: absolute;
	left: 50%;
	content: "";
	transform: TranslateX(-50%);
	background: no-repeat center top
}
.fillet {
	top: 37px;
	width: 364px;
	height: 364px;
	margin-left: -182px;
	opacity: 0
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.excircle img {
	-webkit-animation: music 8s infinite linear 1s;
	animation: music 8s infinite linear 1s
}
@-webkit-keyframes music {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.excircle {
	top: 0;
	width: 438px;
	height: 438px;
	margin-left: -219px;
	opacity: 0
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fillet img {
	-webkit-animation: circle1 8s infinite linear 1s;
	animation: circle1 8s infinite linear 1s
}
@-webkit-keyframes circle1 {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.active .ind_abt_center {
	opacity: 1;
	animation-name: fadeInUp;
	animation-duration: 1s;
	animation-delay: 1s;
	animation-fill-mode: both
}
.active .excircle {
	opacity: 1;
	animation-name: fadeInRight;
	animation-duration: .8s;
	animation-delay: .8s;
	animation-fill-mode: both
}
.active .fillet {
	opacity: 1;
	animation-name: fadeInLeft;
	animation-duration: .6s;
	animation-delay: .6s;
	animation-fill-mode: both
}
.active .ind_case_owl {
	opacity: 1;
	animation-name: fadeInUp;
	animation-duration: .8s;
	animation-delay: .8s;
	animation-fill-mode: both
}
.active .ind_partner_box {
	opacity: 1;
	animation-name: fadeInLeft;
	animation-duration: .8s;
	animation-delay: .8s;
	animation-fill-mode: both
}
.active .ind_news_l {
	opacity: 1;
	animation-name: fadeInLeft;
	animation-duration: .8s;
	animation-delay: .8s;
	animation-fill-mode: both
}
.active .ind_news_r li:nth-child(1) {
	opacity: 1;
	animation-name: fadeInRight;
	animation-duration: .6s;
	animation-delay: .6s;
	animation-fill-mode: both
}
.active .ind_news_r li:nth-child(2) {
	opacity: 1;
	animation-name: fadeInRight;
	animation-duration: .8s;
	animation-delay: .8s;
	animation-fill-mode: both
}
.active .ind_news_r li:nth-child(3) {
	opacity: 1;
	animation-name: fadeInRight;
	animation-duration: 1s;
	animation-delay: 1s;
	animation-fill-mode: both
}
.active .ind_news_r li:nth-child(4) {
	opacity: 1;
	animation-name: fadeInRight;
	animation-duration: 1.2s;
	animation-delay: 1.2s;
	animation-fill-mode: both
}
.active .ind_conts li:nth-child(1) {
	opacity: 1;
	animation-name: fadeInLeft;
	animation-duration: .4s;
	animation-delay: .4s;
	animation-fill-mode: both
}
.active .ind_conts li:nth-child(2) {
	opacity: 1;
	animation-name: fadeInLeft;
	animation-duration: .6s;
	animation-delay: .6s;
	animation-fill-mode: both
}
.active .ind_conts li:nth-child(3) {
	opacity: 1;
	animation-name: fadeInLeft;
	animation-duration: .8s;
	animation-delay: .8s;
	animation-fill-mode: both
}
.active .ind_conts li:nth-child(4) {
	opacity: 1;
	animation-name: fadeInLeft;
	animation-duration: 1s;
	animation-delay: 1s;
	animation-fill-mode: both
}
.ind_abt_name {
	font-size: 36px;
	line-height: 36px;
	padding-top: 58px
}
.ind_abt_hr {
	display: block;
	margin: 20px auto;
	width: 42px;
	height: 5px;
	background: #f00
}
.ind_abt_desc {
	font-size: 14px;
	line-height: 25px;
	height: 75px;
	padding: 0 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden
}
.ind_abt_btn {
	position: absolute;
	width: 120px;
	opacity: 0
}
.ind_about {
	top: 146px;
	left: 156px
}
.ind_culture {
	top: 390px;
	left: 228px
}
.ind_his {
	top: 516px;
	left: 542px
}
.ind_make {
	top: 390px;
	right: 228px
}
.ind_honor {
	top: 146px;
	right: 156px
}
.active .ind_about {
	opacity: 1;
	animation-name: fadeInLeft;
	animation-duration: 1s;
	animation-delay: 1s;
	animation-fill-mode: both
}
.active .ind_culture {
	opacity: 1;
	animation-name: fadeInLeft;
	animation-duration: 1.2s;
	animation-delay: 1.2s;
	animation-fill-mode: both
}
.active .ind_his {
	opacity: 1;
	animation-name: fadeInUp;
	animation-duration: 1.4s;
	animation-delay: 1.4s;
	animation-fill-mode: both
}
.active .ind_make {
	opacity: 1;
	animation-name: fadeInRight;
	animation-duration: 1.2s;
	animation-delay: 1.2s;
	animation-fill-mode: both
}
.active .ind_honor {
	opacity: 1;
	animation-name: fadeInRight;
	animation-duration: 1s;
	animation-delay: 1s;
	animation-fill-mode: both
}
.ind_abt_btn_icon {
	width: 120px;
	height: 120px;
	position: relative;
	line-height: 120px
}
.ind_abt_btn_icon_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('../images/icon2.png') no-repeat center;
	-webkit-animation: circle2 8s infinite linear 1s;
	animation: circle2 8s infinite linear 1s
}
@-webkit-keyframes circle2 {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.ind_abt_btn_name {
	font-size: 16px;
	color: #fff;
	margin-top: 10px;
	line-height: 30px
}
.ind_case {
	position: relative;
	background-image: url('../images/pic_03.jpg')
}
.ind_head {
	text-align: center;
	font-size: 16px;
	color: #fff;
	line-height: 24px
}
.ind_head h3 {
	font-size: 36px;
	line-height: 36px;
	margin-bottom: 24px
}
.ind_case_owl {
	margin-top: 78px;
	display: block
}
.ind_case_item {
	width: 380px
}
.ind_case_img {
width:380px height:270px;
	overflow: hidden
}
.ind_case_con {
	padding: 20px;
	background: #f00
}
.ind_case_title {
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.ind_case_title a {
	color: #fff
}
.ind_case_desc {
	font-size: 12px;
	line-height: 22px;
	height: 44px;
	color: #fff;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin: 5px 0 15px
}
.ind_case_more {
	display: block;
	font-size: 12px;
	color: #fff;
	width: 58px;
	text-align: center;
	line-height: 22px;
	border: 1px solid #bfdcf2
}
.ind_case_more:hover {
	border: color#fff;
	background: #fff;
	color: #0977ce
}
.ind_partner {
	background-image: url('../images/pic_04.jpg')
}
.ind_partner_box {
	margin-top: 70px;
	display: block
}
.ind_partner_box .owl-controls {
	display: none
}
.ind_part_item {
	float: left;
	width: 238px;
	height: 165px;
	line-height: 165px;
	margin: 0 1px 2px;
	text-align: center;
	background: #fff
}
.ind_part_item:hover {
	background: rgba(255,255,255,.5)
}
.ind_part_item img {
	max-height: 100%;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray
}
.ind_part_item:hover img {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: gray
}
.ind_news {
	background-image: url('../images/pic_05.jpg')
}
.ind_news_box {
	margin-top: 70px
}
.ind_news_l {
	float: left;
	width: 446px;
	display: block
}
.ind_news_l_con {
	padding: 20px;
	background: rgba(0,0,0,.3)
}
.ind_news_l_title {
	font-size: 16px;
	font-weight: 700;
	line-height: 26px;
	margin-bottom: 8px
}
.ind_news_l_title a {
	color: #fff
}
.ind_news_l_desc {
	font-size: 14px;
	line-height: 24px;
	height: 48px;
	color: #fff
}
.ind_news_l .owl-nav {
	display: none
}
.ind_news_l .owl-dots {
	position: absolute;
	top: 320px;
	right: 0;
	width: auto
}
.ind_news_l .owl-dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #fff;
	margin-right: 10px
}
.ind_news_l .owl-dot.active {
	background: #e60000
}
.ind_news_r {
	float: right;
	width: 700px
}
.ind_news_r li {
	margin-bottom: 12px;
	overflow: hidden
}
.ind_news_r li:last-child {
	margin-bottom: 0
}
.ind_news_date {
	float: left;
	width: 138px;
	height: 108px;
	text-align: center;
	line-height: 24px;
	font-size: 14px;
	color: #666;
	background: #e7f2f6
}
.ind_news_date span {
	display: block;
	color: #005099;
	padding: 20px 0 5px;
	line-height: 48px
}
.ind_news_con {
	margin-left: 108px;
	height: 92px;
	padding: 16px 53px 0;
	background: rgba(8,26,55,.22);
	border-left: 1px solid #2f95b5
}
.ind_news_title {
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.ind_news_desc {
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	height: 48px;
	overflow: hidden
}
.ind_cont {
	background-image: url('../images/pic_06.jpg')
}
.ind_cont1 {
	background-image: url('../images/pic_07.jpg')
}
.ind_head_hr {
	display: block;
	width: 42px;
	height: 5px;
	background: #f00;
	margin: auto
}
.ind_conts {
	margin-top: 88px
}
.ind_conts li {
	float: left;
	width: 21%;
	color: #fff;
	padding: 0 2%;
	text-align: center
}
.ind_cont_title {
	margin-top: 10px;
	line-height: 20px;
	font-size: 20px;
	margin-bottom: 10px
}
.ind_cont_desc {
	font-size: 16px;
	line-height: 20px;
	height: 40px;
	overflow: hidden
}
.ind_cont_foot {
	margin-top: 50px;
	color: #fff;
	text-align: center;
	line-height: 30px
}
.ind_conts_web {
	font-size: 16px;
	margin-bottom: 0px
}
.ind_cont_foot a {
	color: #fff;
	margin: 0 8px
}
.foot {
	padding-top: 32px;
	overflow: hidden;
	background: url('../images/ft_bg.jpg') no-repeat center top;
	background-size: cover
}
.foot_nav {
	margin-left: 20%;
	float: left;
	width: 910px;
	color: #fff
}
.foot_nav li {
	float: left;
	width: 150px
}
.foot_nav_title {
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	margin-bottom: 16px
}
.foot_nav_link a {
	display: block;
	font-size: 12px;
	color: #b1b1b1;
	line-height: 24px
}
.foot a:hover {
	color: #264793
}
.foot_web {
	float: right;
	text-align: center;
	padding-top: 42px
}
.web_item {
	float: left;
	font-size: 14px;
	color: #fff;
	display: none;
	line-height: 22px
}
.app {
	display: block;
}
.web_item img {
	max-width: 96px;
	margin-bottom: 12px
}
.app {
	margin-left: 37px
}
.foot_btm {
	line-height: 40px;
	margin-top: 40px;
}
.foot_hot {
	padding-left: 45px;
	font-size: 16px;
	font-weight: 700;
	color: #c6c6c6;
	background: url('../images/hot.png') no-repeat 10px center
}
.foot_copy {
	font-size: 14px;
	color: #cacaca
}
.foot_copy a {
	color: #cacaca;
	margin-left: 20px
}

/* PC端 */
/* >=1920px */
@media (min-width: 1921px) {
.banner {
	height: 430px;
	background-size: cover!important
}
}

@media (max-width: 1920px) {
.banner {
	height: 430px;
	background-size: cover!important
}
}

@media (max-width: 1600px) {
.banner {
	height: 320px;
	background-size: cover!important
}
}

@media (max-width: 1440px) {
.banner {
	height: 320px;
	background-size: cover!important
}
}

@media (max-width: 1280px) {
.banner {
	height: 320px;
	background-size: cover!important
}
}

@media (max-width: 1024px) {
.banner {
	height: 320px;
	background-size: cover!important
}
}
.main {
	padding: 54px 0;
	background: #fafafa
}
.catalog {
	float: left;
	width: 230px;
	background: #fff
}
.catalog_head {
	text-align: center;
	font-size: 20px;
	color: #fff;
	line-height: 42px;
	background: #264793
}
.cata_ul>li>a {
	display: block;
	font-size: 14px;
	color: #666;
	line-height: 44px;
	padding-left: 26px;
	position: relative;
	border-bottom: 1px solid #f2f2f2
}
.cata_ul>li>a:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	height: 45px;
	background: #c0130a;
	content: "";
	display: none
}
.cata_ul>li>a.active, .cata_ul>li>a.active:hover {
	color: #264793
}
.cata_ul>li>a.active:before, .cata_ul>li>a.active:hover:before {
	display: block
}
.main_cont {
	margin-left: 270px
}
.main_head {
	line-height: 32px;
	margin-bottom: 10px;
	overflow: hidden
}
.main_name {
	float: left;
	font-size: 16px;
	color: #264793;
	font-weight: 700;
	margin-right: 10px;
	padding-left: 18px;
	background: url('../images/icon9.jpg') no-repeat left center
}
.current {
	float: right;
	font-size: 14px;
	padding-left: 24px;
	background: url('../images/icon1.png') no-repeat left center
}
.article, .list {
	padding: 30px;
	background: #fff;
	border: 1px solid #d2d2d2
}
.box {
	font-size: 14px;
	line-height: 26px;
	color: #666
}
.case_list {
	padding: 0 4px
}
.case_img {
	width: 430px;
	height: 265px;
	overflow: hidden
}
.case_con {
	padding: 34px 24px
}
.case_list li:nth-child(odd) .case_con {
	margin-left: 430px
}
.case_list li:nth-child(even) .case_con {
	margin-right: 430px
}
.case_title {
	font-size: 16px;
	font-weight: 700;
	line-height: 24px
}
.case_desc {
	font-size: 14px;
	line-height: 30px;
	height: 90px;
	overflow: hidden;
	color: #666;
	margin: 24px 0
}
.case_more {
	display: inline-block;
	line-height: 24px;
	color: #254388
}
.pagings {
	text-align: center;
	margin-top: 60px
}
.pags_item {
	padding: 4px 10px;
	font-size: 14px;
	margin: 0 3px;
	border: 1px solid #c6c6c6
}
.pags_item.cur, .pags_item:hover {
	color: #fff;
	background: #264793;
	border-color: #264793
}
.art_head {
	font-size: 12px;
	color: #bcbcba;
	line-height: 24px;
	text-align: center;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #e1e2e0
}
.art_head h3 {
	font-size: 24px;
	line-height: 50px;
	padding-top: 10px;
	color: #333;
	margin-bottom: 10px
}
.news_list li {
	padding-bottom: 20px;
	border-bottom: 1px dashed #e1e2e0;
	margin-bottom: 20px
}
.news_list li:last-child {
	margin-bottom: 0
}
.news_img {
	float: left;
	width: 300px;
	height: 180px;
	overflow: hidden
}
.news_con {
	margin-left: 300px;
	padding-left: 30px;
	padding-top: 20px
}
.news_title {
	line-height: 30px;
	overflow: hidden;
	margin-bottom: 10px
}
.news_name {
	float: left;
	width: 70%;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.news_date {
	float: right;
	font-size: 12px;
	color: #bcbcba
}
.news_desc {
	font-size: 14px;
	line-height: 26px;
	color: #666;
	height: 104px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden
}
.news_date {
	color: #999;
	font-size: 14px
}
.news_name:hover {
	transform: translate(10px, 0);
	-webkit-transform: translate(10px, 0);
	-moz-transform: translate(10px, 0);
	-o-transform: translate(10px, 0);
	-ms-transform: translate(10px, 0)
}
.news_list li:hover img, .ind_case_item:hover img, .case_list li:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1)
}
.rep_list li a {
	display: block;
	height: 47px;
	line-height: 47px;
	padding: 0 12px 0 32px;
	color: #666;
	font-size: 12px;
	background: url('../images/icon10_03.jpg') no-repeat 9px center;
	border-bottom: 1px dashed #d6d6d6
}
.req_name {
	width: 70%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.rep_list li a:hover .req_name {
	color: #264793;
	transform: translate(10px, 0);
	-webkit-transform: translate(10px, 0);
	-moz-transform: translate(10px, 0);
	-o-transform: translate(10px, 0);
	-ms-transform: translate(10px, 0)
}
.load_list li {
	margin-bottom: 20px
}
.load_list li:last-chilid {
margin-bottom:0
}
.load_list a {
	display: block;
	line-height: 50px;
	height: 50px;
	background: #f8f8f8;
	padding: 0 16px;
	font-size: 14px
}
.load_name {
	width: 70%;
	padding-left: 25px;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.load_name:before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #b7b7b7;
	transform: TranslateY(-50%);
	content: ""
}
.load_date {
	padding-left: 32px;
	background: url('../images/load.jpg') no-repeat left center
}
.video_list li {
	float: left;
	width: 270px;
	text-align: center;
	margin: 0 24px 20px 0
}
.video_list li:nth-child(3n) {
	margin-right: 0
}
.video_img {
	height: 180px;
	overflow: hidden;
	position: relative
}
.video_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: rgba(0,0,0,.5)
}
.video_icon {
	position: absolute;
	top: -50%;
	left: 50%;
	width: 45px;
	height: 45px;
	opacity: 0;
	background: url('../image/video.png') no-repeat center;
	transform: Translate(-50%, -50%)
}
.video_title {
	line-height: 38px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.video_list li:hover .video_bg {
	opacity: 1
}
.video_list li:hover .video_icon {
	opacity: 1;
	top: 50%
}
.cont_map {
	float: left
}
.container {
	width: 534px;
	height: 694px
}
.cont_con {
	margin-left: 565px
}
.cont_con_name {
	font-size: 14px;
	line-height: 30px;
	font-weight: 700
}
.cont_dl {
	margin-top: 24px;
	font-size: 14px;
	line-height: 30px
}
.cont_dl dt {
	font-weight: 700
}
.gagebox {
	margin-top: 30px;
	margin-bottom: 30px
}
.gage-dl {
	margin-bottom: 28px
}
.gage-dl dt {
	height: 42px;
	line-height: 42px;
	cursor: pointer;
	position: relative;
	background: #f7f7f7
}
.gage-dl dt:before {
	position: absolute;
	left: 20px;
	top: 50%;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #b7b7b7;
	content: "";
	transform: Translatey(-50%)
}
.gage-dl dt span {
	float: left;
	width: 33.3%;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center
}
.todlbox {
	padding: 26px;
	display: none
}
.todlbox .box {
	line-height: 38px
}
.gage-dl.active dt {
	color: #fff;
	background: #254388
}
.gage-dl.active dt:before {
	background: #fff
}
.bnr_item {
	height: 436px;
	background-size: cover!important
}
.prod_box {
	padding: 30px 0;
	background: #fff;
	border: 1px solid #d2d2d2
}
.prod_list li {
	float: left;
	width: 369px;
	margin-top: 50px;
	margin-left: 62px;
	border-right: 1px solid #e2e2e2
}
.prod_list li:nth-child(2n) {
	border-right: 0
}
.prod_imgs {
	float: left;
	width: 162px;
	height: 108px;
	overflow: hidden;
	line-height: 108px;
	text-align: center;
	margin: auto;
	border: 1px solid #ced7ec
}
.prod_con {
	margin-left: 184px
}
.prod_title {
	font-size: 14px;
	color: #264793;
	height: 110px;
	display: table-cell;
	vertical-align: middle
}
.prod_title a {
	color: #264793
}
.prod_type {
	line-height: 30px;
	font-size: 12px;
	color: #666
}
.prod_type a {
	color: #666
}
.prodn_list {
	margin-bottom: -40px
}
.prodn_list li {
	float: left;
	width: 33%;
	padding-bottom: 8px;
	text-align: center;
	font-size: 12px;
	border-right: 1px solid #e2e2e2;
	margin-bottom: 65px
}
.prodn_list li:nth-child(3n) {
	border-right: 0
}
.prodn_img {
	height: 104px;
	line-height: 104px;
	margin: auto;
	margin-bottom: 14px
}
.prodn_img img {
	max-height: 100%
}
.prodn_con {
	color: #666;
	padding: 0 20px;
	line-height: 24px
}
.prodn_type {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.prodn_more {
	margin-top: 10px;
	display: inline-block;
	padding: 2px 6px;
	color: #fff;
	background: #c0130a
}
.prodn_more:hover {
	color: #fff;
	background: #264793
}
.main_in_name a {
	font-size: 16px;
	padding: 3px 12px;
	font-weight: 100;
	border: 1px solid #dedede;
	margin-right: 20px
}
.main_in_name a.on, .main_in_name a:hover {
	color: #fff;
	background: #264793;
	font-weight: 700;
	border: 1px solid #264793
}
.prod_search {
	float: right;
	width: 250px;
	height: 36px;
	padding: 0 15px;
	background: #ececec
}
.search_text {
	width: 200px;
	height: 100%;
	border: 0;
	background: 0
}
.search_btn {
	width: 46px;
	height: 36px;
	border: 0;
	background: url('../images/search.png') no-repeat center
}
.prod_art {
	padding: 30px 24px;
	background: #fff;
	border: 1px solid #d2d2d2
}
.prod_incon_title {
	font-size: 26px;
	color: #000;
	line-height: 36px;
	margin-bottom: 8px
}
.introduce {
	height: 24px;
	font-size: 16px;
	line-height: 24px;
	color: #666;
	margin-bottom: 20px
}
.wai {
	position: relative
}
.one {
	float: left;
	width: 400px;
	height: 320px;
	text-align: center;
	line-height: 222px;
	overflow: hidden;
	background: #fafafa;
	position: relative
}
.one span {
	width: 50px;
	height: 50px;
	position: absolute;
	border: 1px solid #afafaf;
	top: 0;
	left: 0;
	display: none
}
.one:hover span {
	display: block;
	background-image: url(../images/bg.png)
}
.the {
	position: absolute;
	left: 430px;
	top: 0;
	width: 400px;
	height: 400px;
	overflow: hidden;
	border: 1px solid #969696;
	background: #fff;
	display: none
}
.the img {
	position: absolute;
	display: block;
	max-width: none
}
.two {
	overflow: hidden
}
.two .two_item {
	position: relative;
	float: left;
	cursor: pointer;
	margin-right: 7px;
	width: 126px;
	height: 68px;
	text-align: center;
	overflow: hidden;
	line-height: 68px;
	background: #fafafa;
	border: 1px solid #ced7ec
}
.two .two_item .bun_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.1);
	opacity: 0
}
.two .two_item.active .bun_bg {
	opacity: 1
}
.two_item img {
	max-height: 100%
}
.prod_incon {
	margin-left: 430px
}
.prod_incon_imgs {
}
.prod_inarg {
	margin-top: 26px
}
.prod_innav {
	width: 100%;
	;
	text-align: center;
	line-height: 38px;
	background: #f2f5fa;
	overflow: hidden
}
.prod_innav_btn {
	float: left;
	width: 125px;
	color: #1d3773;
	cursor: pointer;
	font-size: 14px
}
.prod_innav_btn.on, .prod_innav_btn:hover {
	color: #fff;
	background: #254388
}
.prod_inarg_item {
	padding: 20px 0;
	min-height: 300px;
	display: none
}
.prod_inarg_item.active {
	display: block
}
.cate_two {
	padding: 5px 0;
	display: none
}
.cate_two.active {
	display: block
}
.cate_two li a {
	display: block;
	position: relative;
	padding-left: 30px;
	font-size: 12px;
	color: #666;
	line-height: 40px
}
.cate_two li.open a, .cate_two li:hover a {
	color: #c0130a;
	background: #ececec
}
.than {
	font-size: 16px;
	font-weight: 700;
	margin-left: 12px;
	color: transparent;
	font-family: "SimSun"
}
.cate_two li.open a .than, .cate_two li:hover a .than {
	color: #264793
}
.prod_inarg_list_item {
	float: left;
	width: 200px;
	margin: 0 10px 20px;
	line-height: 120px;
	text-align: center;
	background: #fafafa
}
.prod_inarg_list_item img {
	cursor: pointer
}
.prod_inbg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	z-index: 999
}
.prod_in_pos_box {
	position: fixed;
	top: 50%;
	left: 50%;
	padding: 30px;
	background: #fff;
	line-height: 30px;
	border-radius: 5px;
	transform: Translate(-50%, -50%);
	z-index: 999
}
.prod_in_close {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 12px;
	height: 12px;
	cursor: pointer;
	background: url('../images/close.png') no-repeat
}
.prod_inbox_name {
	font-size: 24px;
	color: #222;
	margin-bottom: 10px
}
.prod_inbox_cont {
	text-align: left;
	font-size: 14px
}
.prod_inarg_pos {
	display: none
}
.prod_inarg_pos.active {
	display: block
}
.prod_inarg_title {
	line-height: 32px;
	text-align: center;
	font-size: 14px
}
.parts_bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 999;
	opacity: 0;
	visibility: hidden
}
.parts_pos_box {
	position: fixed;
	top: 50%;
	left: 50%;
	background: #fff;
	z-index: 999;
	padding: 30px;
	text-align: center;
	border-radius: 10px;
	transform: Translate(-50%, -50%);
	opacity: 0;
	visibility: hidden
}
.close {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 12px;
	height: 12px;
	cursor: pointer;
	background: url('../images/close.png') no-repeat
}
.parts_pos.active .parts_bg, .parts_pos.active .parts_pos_box {
	opacity: 1;
	visibility: initial
}
.foot_link {
	color: #b1b1b1;
	font-size: 14px;
	line-height: 52px;
	background: rgba(0,0,0,0.5)
}
.link_btn {
	margin-left: 20px;
	color: #b1b1b1
}
.banner_owl .owl-nav {
	display: none
}
.banner_owl .owl-dots {
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
	text-align: center
}
.banner_owl .owl-dot {
	display: inline-block;
	width: 40px;
	height: 4px;
	margin: 0 5px;
	background: rgba(255,255,255,.5)
}
.banner_owl .owl-dot.active {
	background: rgba(255,255,255,1)
}
.line {
	position: fixed;
	top: 50%;
	right: 10px;
	z-index: 999;
	transform: TranslateY(-50%)
}
.line_item {
	width: 42px;
	height: 42px;
	margin-bottom: 6px;
	position: relative;
	background: no-repeat center #264793
}
.line_item:last-child {
	margin-bottom: 0
}
.line_ph {
	background-image: url('../images/kf.png')
}
.line_email {
	background-image: url('../images/phone.png')
}
.line_webm {
	background-image: url('../images/webwite.png')
}
.line_pos {
	position: absolute;
	opacity: 0;
	visibility: hidden;
	padding-right: 15px
}
.line_txt {
	top: 50%;
	left: -150px;
	transform: TranslateY(-50%)
}
.line_pada {
	display: block;
	width: 42px;
	height: 42px
}
.line_pad {
	display: block;
	width: 95px;
	font-size: 14px;
	color: #fff;
	height: 42px;
	line-height: 42px;
	padding: 0 20px;
	background: #264793
}
.line_img {
	top: -25px;
	left: -111px;
	width: 96px;
	height: 96px
}
.line_item:hover .line_pos {
	opacity: 1;
	visibility: initial
}
#newBridge .icon-right-bottom {
	top: 50%!important;
	transform: TranslateY(-50%)
}

@media screen and (max-width:1440px) {
.ind_abt_pos {
	height: 600px;
	top: 10%
}
.ind_about {
	left: 212px
}
.ind_culture {
	top: 370px;
	left: 280px
}
.ind_make {
	top: 370px;
	right: 280px
}
.ind_honor {
	right: 212px
}
.pad {
	padding-top: 6%;
	height: 89.5%
}
.ind_conts {
	margin-top: 40px
}
.ind_cont_foot {
	margin-top: 40px;
}
.ind_conts_web {
	margin-bottom: 0px
}
}

@media screen and (max-width:1200px) {
.wrap {
	width: 94%
}
.head {
	height: auto
}
.logo {
	padding: 10px 0
}
.logo img {
	height: 42px
}
.navs {
	display: none
}
.nav__trigger {
	display: block
}
.language {
	margin-top: 21px
}
.foot_nav, .foot_web {
	float: none;
	width: 100%
}
.foot_nav li {
	width: 16.6%
}
.foot_web {
	padding-top: 20px
}
.web_item {
	float: none;
	margin: 0 20px;
	display: inline-block
}
.foot_btm {
	margin-top: 20px
}
.prod_list li {
	width: 44%;
	margin-left: 5%
}
.video_list li {
	width: 32%;
	margin-right: 2%
}
.video_img {
	height: auto
}
.pad {
	padding-top: 12%;
	height: 89%
}
.ind_abt_pos {
	width: 100%
}
.ind_abt_center, .excircle, .fillet {
	display: none
}
.ind_abt_btn {
	position: relative;
	top: 0;
	left: 0;
	margin: 0 20px 10px;
	display: inline-block
}
.active .ind_abt_btn {
	animation-name: fadeInLeft;
	animation-duration: 1s;
	animation-delay: 1s
}
.ind_head h3 {
	font-size: 30px
}
.ind_case_owl {
	margin-top: 30px
}
.ind_case_item {
	width: 100%
}
.ind_case_img {
	height: auto
}
.ind_partner_box, .ind_news_box {
	margin-top: 30px
}
.ind_part_item {
	width: 148px;
	height: 94px;
	line-height: 94px
}
.ind_news_l {
	display: none!important
}
.ind_news_r {
	float: none;
	width: 100%
}
.ind_conts {
	margin-top: 70px
}
.ind_cont_foot {
	display: none
}
}

@media screen and (max-width:1024px) {
.catalog {
	float: none;
	width: 100%
}
.cata_ul>li>a {
	line-height: 40px
}
.cata_ul>li>a:before {
	height: 41px
}
.main_cont {
	margin-left: 0;
	margin-top: 30px
}
.cont_map {
	float: none
}
.container {
	height: 300px;
	width: 100%
}
.cont_con {
	margin-left: 0;
	margin-top: 30px
}
.banner, .bnr_item {
	height: 350px
}
#fp-nav.right {
	display: none
}
}

@media screen and (max-width:768px) {
.foot_nav li {
	float: none;
	width: 100%;
	text-align: center
}
.foot_nav_link {
	display: none
}
.foot_nav_link a {
	display: inline-block;
	margin: 0 10px 10px
}
.foot_hot, .foot_copy {
	float: none;
	display: inline-block;
	line-height: 32px
}
.foot_copy a {
	display: inline-block
}
.prod_list li {
	float: none;
	width: 90%;
	margin: 30px 5% 0;
	border-right: 0
}
.one {
	float: none;
	margin: auto;
	margin-bottom: 30px
}
.prod_incon {
	margin-left: 0
}
.the {
	display: none!important
}
.case_img {
	float: none;
	margin: auto
}
.case_list li:nth-child(odd) .case_con {
	margin-left: 0
}
.case_list li:nth-child(even) .case_con {
	margin-right: 0
}
.case_desc {
	height: auto;
	margin: 15px 0
}
.art_head h3 {
	font-size: 20px;
	line-height: 42px
}
.news_img {
	float: none;
	margin: auto
}
.news_con {
	margin-left: 0;
	padding-left: 0
}
.news_desc {
	height: auto
}
.gage-dl dt:before {
	display: none
}
.todlbox {
	padding: 26px 0
}
.pagings {
	margin-top: 30px
}
.ind_partner_box {
	height: 318px;
	overflow: hidden
}
.prod_inarg_list_item {
	width: 31%;
	margin: 0 1% 20px
}
.prod_in_pos_box {
	height: auto
}
.pc_slide {
	display: none
}
.mb_slide {
	display: block
}
.slide-img {
	height: 260px
}
.pad {
	height: auto;
	padding: 30px 0
}
.ind_abt_pos {
	padding-top: 0;
	height: auto;
	position: relative;
	top: 0
}
.ind_abt_btn {
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	float: left;
	width: 50%;
	margin: 0;
	margin-bottom: 30px;
	opacity: 1
}
.ind_abt_btn_icon {
	margin: auto
}
}

@media screen and (max-width:614px) {
.banner, .bnr_item {
	height: 280px
}
.article, .list {
	padding: 30px 15px
}
.prod_search, .main_name, .current {
	float: none;
	margin-bottom: 10px
}
.gage-dl dt span {
	font-size: 14px
}
.ind_conts {
	margin-top: 30px
}
.ind_conts li {
	width: 50%;
	padding: 0;
	margin-bottom: 20px
}
.ind_cont_title {
	margin: 0;
	font-size: 14px
}
.ind_cont_desc {
	font-size: 12px;
	height: auto
}
.ind_part_item {
	width: 49%;
	height: 75px;
	line-height: 75px
}
.ind_partner_box {
	height: 402px
}
body .lxb-container {
	opacity: 0;
	visibility: hidden
}
}

@media screen and (max-width:414px) {
.banner, .bnr_item {
	height: 180px
}
.prodn_list li {
	float: none;
	width: 100%;
	border: 0;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e2e2e2
}
.prod_art {
	padding: 20px
}
.large_box {
	width: auto;
	height: auto
}
.prod_innav_btn {
	width: 33.3%
}
.news_name {
	width: 60%
}
.news_img {
	width: auto;
	height: auto
}
.load_name {
	width: 60%;
	padding-left: 15px
}
.video_list li {
	float: none;
	width: 100%
}
.ind_case_con {
	padding: 20px 10px
}
.gage-dl dt span {
	font-size: 12px
}
.one {
	width: auto
}
.two .two_item {
	width: 75px
}
.prod_inarg_list_item {
	width: 48%
}
.prod_in_pos_box {
	width: 75%
}
}
.one img {
	width: 80%;
	overflow: hidden;
}
.ind_conts_web img {
	margin-bottom: 5px;
}
.wrapper {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 576px) {
.wrapper {
	max-width: 540px;
}
}

@media (min-width: 768px) {
.wrapper {
	max-width: 860px;
}
}

::-webkit-input-placeholder {
color:#FFF;
}
.d-grid {
	display: grid;
}
.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
button, select {
	outline: none;
	appearance: none;
	-webkit-appearance: none;
}
button, .btn, select {
	cursor: pointer;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
a {
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
p {
	margin: 0;
	padding: 0;
}
/* Section top bottom gap */
.section-gap {
}

@media screen and (max-width:767px) {
.section-gap {
	padding: 3.5rem 0;
}
}

@media screen and (max-width:480px) {
.section-gap {
	padding: 3rem 0;
}
}
/* / Section top bottom gap */



.contact-grids {
	grid-template-columns: 1fr 1fr;
	grid-gap: 30px;
}
.contact-right {
	padding-left: 0px;
}
.contact-left {
	line-height: 190%;
	padding-right: 28px;
}
span.fa-envelope-open-o {
	font-size: 60px;
	margin: 20px 0;
	opacity: 0.333;
	color: #222042;
}
.contact-left h3 {
	font-size: 52px;
	line-height: 40px;
	color: #ddd;
	margin-bottom: 16px;
	font-weight: 700;
	text-transform: capitalize;
}
.contact-left h4 {
	font-size: 27px;
	line-height: 60px;
	color: #222042;
	margin-bottom: 24px;
	font-weight: 700;
	text-transform: capitalize;
}
.contact-left h6 {
	font-size: 18px;
	line-height: 28px;
}
.contact-grids input, .contact-grids textarea {
	width: 100%;
	color: #555;
	background: #fff;
	font-size: 16px;
	line-height: 25px;
	font-weight: normal;
	font-style: normal;
	border: none;
	font-family: inherit;
	padding: 15px;
	border: none;
	border: 1px solid #ddd;
	outline: none;
	border-radius: 0px;
	margin-bottom: 16px;
	border-radius: 4px;
}
.contact-grids textarea {
	height: 120px;
	margin: 0 0 20px 0;
}
.contact-grids input:focus, .contact-grids textarea:focus {
	border: 1px solid #222042;
}
.submit {
	margin-left: 16px;
	width: 100%;
	border: 2px solid #222042;
	color: #fff;
	background: #222042;
	font-size: 16px;
	padding: 15px 30px;
	border-radius: 0px;
	font-weight: normal;
	display: block;
	border-radius: 4px;
	transition: 0.3s ease-in;
}
.submit:hover {
	border: 2px solid #1d1c3a;
	background: #1d1c3a;
	transition: 0.3s ease-in;
}

@media (max-width: 992px) {
.contact-right {
	padding-left: 0px;
	margin-top: 2em;
}
.contact-grids {
	grid-template-columns: 1fr;
}
.contact-left h4,  .contact-left h3 {
	font-size: 48px;
	line-height: 48px;
}
}

@media (max-width: 800px) {
.contact-left h4,  .contact-left h3 {
	font-size: 44px;
	line-height: 44px;
}
}

@media (max-width: 600px) {
.contact-left h4,  .contact-left h3 {
	font-size: 38px;
	line-height: 38px;
}
}

@media (max-width: 480px) {
.contact-left h4,  .contact-left h3 {
	font-size: 34px;
	line-height: 34px;
}
}
.ind_conts:hover img {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
}
.ind_conts:hover h3 img {
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-o-transform: scale(1.0);
	-ms-transform: scale(1.0);
}
.ind_conts li:hover img {
	opacity: 1;
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
}











.ewm img{
	width: 180px;
	height: 180px;
	padding: 30px 0 10px 0;
}