@charset "UTF-8";

@media screen and (max-width:1818px) {
#foot .foot-top .wrap {
	max-width: 1460px
}
#foot .foot-top .wrap .fnav {
	padding-left: 0
}
}

@media screen and (max-width:1630px) {
.about-dr .china {
	display: none
}
.about-dr .map0 {
	display: block;
	margin: 0 auto
}
.wel-about-mains .about-dl, .wel-about-mains .about-txts, .about-dr {
	width: 100%
}
.wel-about-mains .about-nums-wrap {
	text-align: center
}
.wel-about-mains .nums-item {
	float: inherit;
	display: inline-block
}
.about-dr {
	margin-top: 0
}
.map-style-box {
	left: 0;
	bottom: 0
}
}

@media screen and (max-width:1600px) {
.site-nav-intern a.site-nav-cpt {
	margin-left: 0
}
.page-content #ceo-society .word .box {
	height: 210px;
	overflow-y: scroll;
	overflow-x: hidden
}
}

@media screen and (max-width:1500px) {
#quick .itemlist .item a::after {
	padding: 90% 2% 2%
}
#foot .foot-top .wrap .continfo, #foot .foot-top .wrap .fnav {
	width: 100%;
	text-align: center;
	background-size: inherit;
	-webkit-background-size: inherit
}
#foot .foot-top .wrap .continfo {
	background: url(../images/ftcinfo.png) right center no-repeat
}
#foot .foot-top .wrap .fnav dl {
	float: inherit;
	display: inline-block;
	width: 12.5%
}
#foot .foot-top .wrap .fnav dl dt {
	padding-right: 0
}
#iproduct .wrap .item a .cont, #iproduct .wrap .item2 a .cont {
	padding: 35px
}
}

@media screen and (max-width:1300px) {
#aboutnumber .wrap .cont .number .intro .big .counter {
	font-size: 55px
}
#aboutnumber .wrap .cont .number .intro .big, #aboutnumber .wrap .cont .number .intro .small {
	font-size: 16px
}
#quick .wrap .tit .en::after, #quick .wrap .tit .en::before {
	width: 32.91%
}
#research .trainbox .tp .img, #research .trainbox .tp .word, .about-dr, .page-content #ceo-society .img, .page-content #ceo-society .word, .page-content .culbox .cul1 .cul1img, .page-content .culbox .cul1 .word, .page-content .culbox .cul2 .cul2img, .page-content .culbox .cul2 .cul2img img, .page-content .culbox .cul2 .word, .wel-about-mains .about-dl, .wel-about-mains .about-txts {
	width: 100%
}
.page-content #ceo-society {
	padding: 50px 0
}
.page-content #ceo-society #society .word .box, .page-content #ceo-society #society .word .tit, .page-content .culbox .cul1 .word {
	padding-left: 0
}
.page-content #ceo-society .img {
	margin-bottom: 30px
}
.page-content #ceo-society .word .box {
	width: 100%;
	height: auto;
	overflow-y: inherit
}
.page-content #ceo-society #society .word .tit {
	padding-top: 0;
	margin-top: 0
}
.about-dr .china {
	display: none
}
.about-dr .map0 {
	display: block
}
.wel-moudle-top .top-en {
	font-size: 26px;
	margin-bottom: 0
}
.wel-about-mains .about-nums-wrap {
	text-align: center
}
.wel-about-mains .nums-item {
	float: inherit;
	display: inline-block
}
.about-dr {
	margin-top: 0
}
#iproduct .wrap3 .item a .cont, #iproduct .wrap3 .item2 a .cont {
	height: auto
}
}

@media screen and (max-width:1200px) {
#quick .wrap .iconlist {
	width: 85%
}
.honor-list li {
	width: 25%
}
.honor-list2 li {
	width: 33.333%
}
}

@media screen and (max-width:1100px) {
.page-content .about .info .about-number .number .big .counter {
	font-size: 50px
}
}

@media screen and (max-width:1050px) {
.history-wrap .cent-wrap li {
	margin-top: 50px
}
.history-wrap .cent-wrap li:nth-child(odd) .cont-box {
	margin-left: 3.8%
}
.history-wrap .cent-wrap li .cont-box {
	width: 32%
}
.history-wrap .cent-wrap li:nth-child(even) .cont-box {
	margin-right: 6.7%;
	width: 29%
}
}

@media screen and (max-width:1024px) {
.pro_list, .pro_menu {
	width: 100%;
	float: none
}
.pro_menu {
	display: none
}
.pro_menu dt {
	border-right: 0;
	padding: 0 4%
}
.pro_menu dl.on dt {
	background: #646464;
	border: 1px solid #646464;
	border-bottom: 1px solid #005ba9
}
.pro_menu dd {
	padding: 19px 4% 17px 8%
}
.pro_list {
	margin-left: 0
}
.pro_list ul {
	margin-bottom: 30px
}
.pro_list li {
	width: 50%
}
.pro_list li .main {
	display: block
}
.pro_list li .img {
	display: block;
	width: 50%;
	height: auto!important;
	margin: 0 auto 17px
}
.back, .pro_attr {
	display: none
}
.pro_link .i_link {
	margin-top: 30px;
	border-top: 1px solid #eaeaea
}
.proDet_top {
	margin-top: 0;
	background: #fff;
	padding: 10px 4%
}
.proDet_scroll .bx-wrapper {
	width: 92%;
	margin-top: 40px
}
.proDet_scroll .bx-controls {
	text-align: center;
	margin-top: 30px
}
.proDet_scroll .bx-pager-item {
	width: 16%;
	height: auto
}
.proDet_scroll .bx-wrapper .bx-controls-auto, .proDet_scroll .bx-wrapper .bx-pager {
	width: 100%
}
.proDet_scroll .bx-wrapper .bx-pager.bx-default-pager a {
	width: 100%;
	height: auto
}
.proDet_scroll .bx-wrapper .bx-pager.bx-default-pager a.active, .proDet_scroll .bx-wrapper .bx-pager.bx-default-pager a:hover {
	height: auto
}
.proDet_scroll .proDet_prev {
	left: 4%
}
.proDet_scroll .proDet_next {
	right: 4%
}
.m_proDet_pop {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	z-index: 20000
}
.m_proDet_pop img {
	display: block;
	width: 100%
}
.pro_nav {
	display: none
}
.pro_det_main {
	width: 100%;
	margin: 25px 0 0;
	border-top: 1px solid #eee
}
.pro_path {
	display: block!important;
	padding-top: 0
}
.pro_path .title {
	height: 55px;
	font-weight: 400;
	font-size: 17px;
	line-height: 55px;
	background: #fff;
	position: relative;
	border-bottom: 1px solid #e8e8e8
}
.pro_intro {
	padding: 15px 4% 20px
}
.pro_para {
	margin-top: 0;
	padding: 17px 4% 18px
}
.pro_para li {
	float: none;
	margin: 13px 0
}
.pro_para a {
	border-right: 0;
	padding-right: 30px
}
.pro_para img {
	width: 41px;
	margin-right: 20px
}
.pro_vedio {
	margin: 0
}
.pro_select {
	display: none
}
}

@media screen and (max-width:992px) {
#slider-home-top .slide-content-wrapper .bannerword .en {
	font-size: 60px
}
#slider-home-top .slide-content-wrapper .bannerword {
	font-size: 48px
}
#quick .wrap .iconlist {
	width: 100%
}
#quick .wrap .tit .en::after, #quick .wrap .tit .en::before {
	width: 0
}
#quick .itemlist .item {
	width: 47.788%;
	margin-bottom: 20px
}
#quick {
	height: auto;
	background-attachment: inherit
}
#iproduct .wrap3 {
	width: 100%;
	flex-direction: column;
}
	#iproduct .wrap3 .iproduct_left{
		width: 100%
	}
	#iproduct .wrap3 .iproduct_right{
		width: 100%
	}
#iproduct .mobile-scroll {
	display: block;
	overflow: hidden
}
#iproduct .mobile-scroll ul {
	width: 100%
}
#iproduct .mobile-scroll ul li a {
	display: block;
	height: auto
}
#iproduct .mobile-scroll ul li a .cont {
	background: #fff;
	padding: 30px;
	float: left;
	position: relative;
	transition: all .5s ease;
	-webkit-transition: all .5s ease
}
#iproduct .mobile-scroll ul li a .cont:before {
	width: 0;
	height: 0;
	border-width: 0 25px 35px;
	border-style: solid;
	border-color: transparent transparent #fff;
	position: absolute;
	z-index: 2;
	content: '';
	left: 50%;
	margin-left: -25px;
	top: -35px
}
#iproduct .mobile-scroll ul li a .cont:after {
	display: none;
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background: rgba(15,67,140,.8);
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	z-index: -1
}
#iproduct .mobile-scroll ul li a .cont h2 {
	font-size: 30px;
	font-weight: 400;
	color: #333;
	border-bottom: 1px solid #dbdbdb;
	padding-bottom: 10px;
	z-index: 2;
	position: relative
}
#iproduct .mobile-scroll ul li a .cont .short {
	margin-top: 12px;
	font-size: 16px;
	color: #4d4d4d;
	z-index: 2;
	position: relative
}
#iproduct .mobile-scroll ul li a:hover .cont .short, #iproduct .mobile-scroll ul li a:hover .cont h2, #iproduct .mobile-scroll ul li a:hover .cont:after {
	color: #fff;
	display: block
}
#iproduct .mobile-scroll ul li a .img {
	float: left;
	width: 100%;
	overflow: hidden
}
#iproduct .mobile-scroll ul li a .img img {
	display: block;
	float: left;
	width: 100%;
	transition: all .5s ease;
	-webkit-transition: all .5s ease
}
#iproduct .mobile-scroll ul li a:hover .img img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
#iproduct .mobile-scroll ul li a:hover .cont:before {
	display: block;
	border-color: transparent transparent #0f438c
}
#iproduct .mobile-scroll ul li a:hover .cont {
	background: #0f438c
}
#iproduct .mobile-scroll a:hover .cont:after {
	display: block
}
#download .downbox .time, .rec-news {
	display: none
}
.page-content .about .aboutimg, .page-content .about .info {
	width: 100%
}
.honor-list li, .honor-list2 li, .page-content .about .info .about-number .number, .page-content .output ul li {
	width: 50%
}
.page-content .about .aboutimg {
	margin-top: 20px
}
.page-content #ceo-society, .page-content .about {
	padding: 30px 0 0
}
#contact, #honor {
	padding-top: 30px
}
.page-content #ceo-society .img {
	margin-bottom: 25px
}
.page-content #ceo-society .word .tit {
	font-size: 26px;
	margin-bottom: 19px
}
.page-content #organ {
	margin-top: 30px
}
.page-content .output {
	padding-top: 30px;
	padding-bottom: 10px
}
#contact, #download {
	padding-bottom: 50px
}
#honor {
	padding-bottom: 10px
}
#contact .contact-con {
	width: 100%;
	padding-left: 0;
	padding-top: 10px
}
#download, .page-content .culbox .cul1 .word {
	padding-top: 30px
}
#contact #map {
	width: 100%;
	margin-top: 20px
}
#contact .contact-con dt {
	font-size: 26px;
	margin-bottom: 10px
}
#download .downbox dt {
	font-size: 14px
}
#download .downbox .name {
	width: 50%
}
#download .downbox .last {
	width: 30%
}
.page-content .culbox .cul1 .word .wtit, .page-content .culbox .cul2 .word .part1 .ptit {
	font-size: 26px
}
#news, #research {
	padding: 30px 0
}
.page-content .culbox .cul2 {
	margin-top: 0
}
#news .news-list, #news .news-list2, #research .trainbox {
	margin-top: 30px
}
.page-content .culbox .cul2 .word .part1 .ptit {
	margin-bottom: 0
}
#research .trainbox .tp, .page-content .culbox .cul2 .word .part1 {
	margin-bottom: 30px
}
.page-content .culbox .cul2 .word .part1 .gray {
	font-size: 20px
}
#research .trainbox .tp .word .tptit {
	font-size: 26px
}
#research .trainbox .tp .img {
	margin-bottom: 20px
}
#area .area-list li, #news .news-list li {
	width: 50%
}
#news .news-list2 li a .img, #news .news_con, #pro .hotpro .container p {
	width: 100%
}
#news .news_con {
	float: none;
	min-height: auto;
	padding-right: 0;
	border-right: 0
}
#news .news-list2 li a .con {
	width: 100%;
	padding-left: 0
}
#news .news-list2 li {
	padding-bottom: 30px;
	margin-bottom: 30px
}
.main .title2, .wel-moudle-top .top-en {
	font-size: 23px
}
#pro {
	padding: 30px 0
}
#pro .hotpro, #pro .hotpro:nth-child(2n) .container {
	padding-left: 0
}
#pro .hotpro {
	padding-right: 0
}
.m_proDet_top {
	display: block
}
.proDet_top {
	margin-top: 0;
	background: #fff;
	padding: 10px 0
}
.pro_intro .bigfiles_list, .pro_intro .bigfiles_list2 {
	width: 100%!important;
	margin-bottom: 20px!important
}
#pro_btm ul li {
	width: 100%;
	margin-bottom: 10px
}
#pro_btm {
	border-top: 0
}
}

@media screen and (min-width:992px) {
#quick .wrap .iconlist .icon1 a:hover .con, #quick .wrap .iconlist .icon1 a:hover .iconfont {
	margin-top: -11px;
	color: #15499a
}
}

@media screen and (max-width:768px) {
.history-wrap .cent-line-box, .history-wrap .cent-wrap li .point {
	left: 0
}
.wel-about-mains .nums-item2 {
	margin: 0!important
}
#aboutnumber {
	background-attachment: inherit;
	padding-top: 30px
}
#aboutnumber .wrap .cont .number {
	width: 50%
}
#aboutnumber .wrap .tit {
	margin-bottom: 5px
}
#aboutnumber .wrap .cont {
	margin-top: 30px
}
#aboutnumber .wrap .cont .line2:after {
	content: '';
	position: absolute;
	width: 0;
	height: 58px;
	background: #3c62a9;
	right: 0;
	top: 50%;
	margin-top: -29px
}
#aboutnumber .wrap .cont .number .intro .big .counter {
	font-size: 35px
}
#aboutnumber .wrap .cont .number .intro .big, #aboutnumber .wrap .cont .number .intro .small {
	font-size: 14px
}
#slider-home-top .slide-content-wrapper .bannerword .en {
	font-size: 40px
}
#slider-home-top .slide-content-wrapper .bannerword {
	font-size: 32px
}
#slider-home-top .slide-content-wrapper .bannerword a.more {
	width: 252px;
	height: 56px;
	line-height: 56px;
	font-size: 18px;
	padding-left: 30px
}
#slider-home-top .slide-content-wrapper .bannerword a.more .ico {
	margin-right: 30px;
	margin-top: 20px
}
#quick .wrap{
	width: 100%;
	padding: 0 15px;
	max-width: inherit;
}
#quick .wrap .iconlist {
	margin-top: 34px
}
#quick .wrap .iconlist .icon1 {
	margin-bottom: 20px;
	width: 50%
}
#quick .wrap .iconlist .icon1 a:hover .con, #quick .wrap .iconlist .icon1 a:hover .iconfont {
	color: #15499a
}
#quick .wrap .iconlist .icon1 a .iconfont {
	font-size: 50px
}
#quick .wrap .iconlist .icon1 a .con {
	text-align: inherit;
	float: inherit;
	display: block
}
#quick .itemlist {
	margin-top: 31px;
	max-width: inherit;
	width: 100%;
	padding: 0 15px;
}
#quick .itemlist ul li {
	width: 100%;
	padding: 20px 0;
	margin-bottom: 20px;
}
#video .mbvideo {
	display: block;
	width: 100%;
	height: 300px;
	background: url(../images/video2.jpg) center center no-repeat;
	background-size: cover;
	cursor: pointer
}
#foot .foot-bot .copyright, #foot .foot-bot .icp {
	float: inherit;
	text-align: center
}
#foot .foot-top .wrap .fnav {
	display: none
}
#foot .foot-top .wrap .continfo {
	padding-right: 0
}
#foot .foot-top .wrap .continfo .flogo, #foot .foot-top .wrap .continfo .word {
	float: none
}
#foot .foot-top .wrap .continfo .word {
	text-align: center
}
#foot .foot-top .wrap .continfo .link {
	margin-top: 77px
}
#foot .foot-top .wrap .continfo .gotop {
	display: block
}
#foot .foot-top {
	padding: 30px 0
}
.page-content .w1520 {
	width: 100%
}
.history-wrap .cent-wrap li {
	width: 94%;
	padding-left: 6%;
	opacity: 1
}
.history-wrap .cent-wrap li .img {
	display: none
}
.history-wrap .cent-wrap li:nth-child(even) .cont-box, .history-wrap .cent-wrap li:nth-child(odd) .cont-box {
	text-align: left
}
.history-wrap .cent-wrap li:nth-child(even) .cont-box {
	float: left;
	width: 96%;
	margin-right: 0
}
.history-wrap .cent-line-box .point-h {
	background: 0
}
.history-wrap .cent-wrap li .cont-box {
	width: 96%
}
.history-wrap .cent-wrap li:nth-child(odd) .cont-box {
	margin-left: 0
}
.history-wrap .cent-wrap li .point i {
	display: inline-block
}
.site-nav-intern .blue {
	background: #1d5bbb
}
.history-wrap .tit-box h4 {
	font-size: 30px
}
.history-wrap .cent-wrap {
	margin-top: 30px
}
.history-wrap {
	padding-top: 30px
}
.page-content .output ul li {
	width: 100%;
	margin-bottom: 30px
}
.page-content .output ul li a::before {
	background-size: 50px 50px
}
.page-content .output ul li a img {
	max-height: none
}
.honor-list li, .honor-list2 li {
	width: 100%
}
#mapshow .title {
	font-size: 16px
}
#mapshow .bt {
	top: 70px
}
#area .area-list li, #news .news-list li {
	width: 100%;
	padding: 0;
	margin-bottom: 15px
}
#news .news_ft {
	height: auto
}
#videomain .pcvideo {
	display: none
}
#videomain .mbvideo {
	display: block;
	width: 100%;
	height: 300px;
	background: url(../images/video2.jpg) center center no-repeat;
	background-size: cover;
	cursor: pointer
}
#pro .hotpro .container, #pro .hotpro .img, #pro .hotpro .img img {
	width: 100%
}
#pro .hotpro {
	padding: 30px 0 15px;
	border-bottom: 0
}
#pro .hotpro .container .title {
	font-size: 26px;
	padding-bottom: 24px;
	text-align: center
}
#pro .hotpro .container .more {
	text-align: center;
	margin: 0 auto
}
#pro .hotpro .container p {
	margin-bottom: 30px;
	text-align: center
}
#pro .hotpro .container {
	text-align: center;
	width: 100%
}
.pro_menu dt {
	height: 50px;
	line-height: 50px;
	font-size: 15px
}
.pro_menu dt img {
	width: 15px;
	margin-top: 17.5px
}
.pro_menu dl.on img {
	margin-top: 24px
}
.pro_menu dd {
	padding: 14px 4% 9px 8%
}
.pro_menu dd a {
	font-size: 15px;
	line-height: 29px
}
.pro_menu dd a.on {
	font-size: 17px
}
.pro_list ul {
	border: 0
}
.pro_list li {
	width: 100%;
	margin-top: 57px;
	float: none;
	border: none!important
}
.pro_list li .main {
	font-size: 15px;
	padding: 0 0 7px;
	border: 0
}
.pro_list li .main i {
	width: 67px;
	height: 61px;
	position: absolute
}
.pro_list li .main .new_img {
	top: 14px;
	right: 4%;
	z-index: 10
}
.pro_list li .img {
	height: auto
}
.bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -75px;
	left: 0;
	outline: 0;
	width: 22px;
	height: 43px;
	text-indent: -9999px;
	z-index: 9999;
	display: block;
	background: url(../images/arrow5.png) no-repeat
}
.placeholder, .text1 {
	text-indent: 7px
}
.bx-controls-direction a.disabled {
	display: none
}
.bx-controls-direction .bx-next {
	left: auto;
	right: 0;
	background-position: -40px 0
}
.bx-controls-direction .bx-prev:hover {
	background-position: 0 -46px
}
.bx-controls-direction .bx-next:hover {
	background-position: -40px -46px
}
.pro_path .title {
	font-size: 15px
}
.pro_intro {
	font-size: 14px;
	line-height: 24px
}
.placeholder, .pro_para a, .text1 {
	font-size: 14px
}
.pro_para img {
	width: 30px;
	margin-right: 10px
}
.con_select, .con_text {
	height: 39px;
	line-height: 39px;
	margin-bottom: 15px
}
.text1 {
	color: #999
}
.placeholder span {
	font-size: 12px;
	padding-right: 7px
}
select.text1 {
	text-indent: 4px
}
.con_select .placeholder {
	text-indent: 20px
}
.con_textarea {
	height: 147px;
	padding: 11px 0;
	float: left;
	line-height: 18px;
	margin-bottom: 20px
}
.con_textarea .placeholder {
	top: 11px
}
.textarea {
	text-indent: 7px;
	font-size: 14px
}
.con_btn input {
	width: 88px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	margin-right: 15px
}
.con_select .arrowB {
	top: 16px;
	right: 15px
}
.layui-flow-more a cite {
	width: auto!important;
	height: 39px!important;
	line-height: 39px!important;
	padding-left: 50px!important;
	padding-right: 30px!important
}
.layui-flow-more a cite::before {
	background-size: 19px 19px!important;
	left: 15px!important;
	top: 7px!important
}
.pro_intro .bigfiles_list, .pro_intro .bigfiles_list2 {
	font-size: 14px!important
}
}

@media screen and (max-width:450px) {
#aboutnumber .wrap .cont .number {
	width: 100%
}
#aboutnumber {
	height: 600px
}
#aboutnumber .wrap .cont .line2::after, #aboutnumber .wrap .cont .line::after {
	width: 0
}
#quick .itemlist .item {
	width: 100%;
	margin: 0 0 20px
}
}
@media (max-width: 767px){
	.slider-wrapper{
		padding-top: 70px;
	}
	#iproduct{
		padding-top: 30px;
	}
	#iproduct .wrap3{
		padding: 0 15px;
	}
	#iproduct .wrap3 .item a .cont{
		padding: 5px;
		margin: 20px 0;
	}
	#iproduct .wrap3 .item2 a .cont{
		padding: 5px;
	}
	#iproduct .wrap3 .item2 a .img{
		margin-bottom: 20px;
	}
}