/* ====================
     公共样式
	 作者：严微
	 公司名称：严微工作室
	 网址：http://www.ywcms.com
==================== */
@font-face {
  font-family: "DINEngschriftStd";
  src: url("../svg/dinengschriftstd.svg");
  src: url("../eot/dinengschriftstd.eot");
  src: url("../ttf/dinengschriftstd.ttf");
  src: url("../woff/dinengschriftstd.woff");
}
@import url(footer.css);
html{ -webkit-text-size-adjust:none;}
body{ font-size:12px; font-family: "PingFang SC", "Microsoft Yahei", Arial; line-height:150%; margin:0px auto 0px auto; padding:0; color:#333; background:#fff;}
div{margin:0 auto; padding:0;}
h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,img,p{ margin:0; padding:0; border:none; list-style-type:none;}
.block{ width:960px; height:auto;}
em,i{font-style:normal;}
.f_l,.fl{float:left;}
.f_r,.fr{float:right;}
.tl{ text-align:left;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.dis{display:block;}
.inline{display:inline;}
.none,.ywcms{display:none;}
.pc { display: block;}
.wap { display: none;}
.white{ color:#fff !important;}

a, a:hover, a:focus { text-decoration: none; outline: none;}

::selection { background: #3671bc; color: #fff;}
::-moz-selection { background: #3671bc; color: #fff;}

a {outline:none; text-decoration:none; }
a:hover { text-decoration:none; }

.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
*html .clearfix{ height:1%;}
*+html .clearfix{ height:1%;}
/*英文强制换行*/
.word{ word-break:break-all;}
.mt10{ margin-top:10px;}
.mr10{ margin-right:10px;}
.mb10{ margin-bottom:10px;}
.ml10{ margin-left:10px;}

.ml-r{ margin:0 37px 0 38px;}

/*页面留白*/
.blank{ height:8px; line-height:8px; clear:both; visibility:hidden;}
.blank5{ height:5px; line-height:5px;/* _margin:-3px 0;*/ clear:both; visibility:hidden;}
.blank10{ height:10px; line-height:10px; clear:both; visibility:hidden;}

/*主体样式开始*/
.wrapper { width:100%; height:100%; margin:0px auto 0px auto;}
.w1200{ width:1200px; margin:0px auto 0px auto; overflow:hidden;}
.show_box{ width:1200px; margin:10px auto 0px auto; overflow:hidden; background:#fff;}

/*.con{width:1200px; height:100%; margin:auto; position:relative;}*/


/* ===== clearfix ===== */
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; }
.clearfix {*zoom:1;}/*IE/7/6*/

/*公用样式*/
.w1200{width:1200px;margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
.pr{position:relative;}
.none{display:none;}
.ov{overflow: hidden;}

.pa-bot40{padding-bottom:40px;}

/*头部*/
.header{width:100%;height:94px;/*background:url("../images/header.jpg") no-repeat center bottom;*/}
.header-3{width:100%;height:94px;background:url("../jpg/header.jpg") no-repeat center bottom;}
.logo{width:205px;height:48px;float:left; margin-top: 20px;}
.btns{float:right;height:56px;padding-top:38px;}
.btns a{width:34px;height:32px;float:left;}
.btns .btns-search{background:url("../png/search.png") no-repeat center center;margin-right:10px;}
.btns .btns-menu{background:url("../menu.html") no-repeat center center;margin-right:10px;}
.btns .btns-eng{width: 50px;height: 50px;background: url("../png/version.png") no-repeat left 5px center;padding: 0 5px 5px;/* margin: 20px 0 0; */margin-top: -10px;line-height: 46px;position: relative;border: 1px solid rgba(104,185,0,.2);}
.btns .btns-eng em{
	width: 34px;
	position: absolute;
	font-size: 12px;
	line-height: 1;
	color: #0066ab;
	/* margin-left: -16px; */
	top: 24px;
	left: 19px;
}

.nav{height:81px;padding-top:13px;position:absolute;right:0;top:0;}
.nav li{float:left;line-height:80px; background: url(../jpg/nav-li.jpg) left center no-repeat;padding:0 15px;}
.nav li a{color:#69696b; font-size: 16px;}
.nav li.li-no{background-image: none;}
.nav li.on a,.nav li.noChild a{color:#0066ab;}
.nav li a:hover{ font-weight: bold; color:#0066ab;}

.nav_en{height:81px;padding-top:13px;position:absolute;right:0;top:0;}
.nav_en li{float:left;line-height:80px; background: url(../jpg/nav-li.jpg) left center no-repeat;padding:0 15px;}
.nav_en li a{color:#69696b; font-size: 16px;}
.nav_en li.li-no{background-image: none;}
.nav_en li.on a,.nav_en li.noChild a{color:#0066ab;}
.nav_en li a:hover{color:#0066ab;}

.header-man{width:790px;height:92px;float:right;position:relative;}
.head-search{width:740px;height:81px;line-height:80px;padding-top:13px;position:absolute;right:0;top:0;display:none;}
.head-search input{width:740px;height:30px;line-height:30px;text-indent:20px;border:none;border-left:1px #a6acaa solid; font-size:14px;color:#696a6c;}

/*子导航*/
.subnav{width: 100%; height:65px;background:#0066ab;font-size: 14px;}
.subnav .snav{width: 100%; height:65px; position: relative; }
.subnav .snav ul{width: 100%; height:65px; position: relative;}
.subnav .snav li a{float:left; line-height: 65px; color:#FFFFFF;font-size:14px; padding: 0 20px;}
.subnav .menuline{position:absolute;bottom:-69px;left:0;background:#0066ab;height:4px;width:60px;z-index: 2; display: none !important;}
.subnav .snav li.current a,.subnav .snav li a:hover{ float:left; background: #006cb9; color: #fff; padding: 0 20px; }
.subnav .snav li a:hover{
	font-weight: normal;
}

/*map-menu*/
.map-menu { width: 100%; padding: 15px 0;}
.map-menu .menu-con {
	width: 100%;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.map-menu .menu-con a.home {
	width: 20px;
    height: 20px;
    background: #0066ab url(../png/ico-home.png) no-repeat 4px 3px;
    border-radius: 20px;
	margin-right: 10px;
}
.map-menu .menu-con a { font-size: 14px; color: #5b5b5b; display: inline-block; }
.map-menu .menu-con a:hover{ color: #0066ab;}
.map-menu .menu-con span { color: #0066ab; padding: 0 5px; }
.map-menu .menu-con p{ font-size:14px}

/*二级页面*/

/*left right*/
#location{
	width:100%;
	margin: 20px auto 0;
	height: 50px;
	overflow: hidden;
	position: relative;
	bottom: 0;
}
.location{width:1200px; margin: 0 auto; overflow: hidden;background: url(../jpg/nav_bg.jpg) repeat-x;}
.location .home a{ width: 63px; height: 49px; float: left;background: #2d2d2d; display: block;}

.location .nav-box{ width: 1137px; float: left;}
.location .nav-box a{ width:200px; float: left; text-align: center; line-height: 49px;}
.location .nav-box a span{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    color: #dddede;
}
.location .nav-box a:hover{
	color: #0071b7;
}
.location .nav-box a.on span,.location .nav-box a:hover span{
	color: #fff;
}
.location .home a:hover,.location .nav-box a.on, .location .nav-box a:hover{
	background: #0071b7;
}

#nav-path{
	width:100%;
	margin: 0 auto;
	overflow: hidden;
}
.nav-path{
	width:1200px;
	margin: 20px auto 0;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #f7f7f7;
	padding-bottom: 10px;
}
.nav_path{
	float: right;
	margin: 0;
}
.nav_path h2,.nav_path h2 a{
	font: 12px/20px "微软雅黑",Arial;
    color: #a6a6a6;
}
.nav_path h2 span{
	font-weight: bold;
    color: #666;
}

.nav-box{
	float: left;
	margin: 0;
}
.nav-box a{ width:auto; float: left; text-align: center; line-height: 24px;}
.nav-box a span{
    color: #333;
	margin-right: 20px;
	border-right: 1px solid #a6a6a6;
	padding-right: 20px;
	font-size: 14px;
}
.nav-box a.on span,.nav-box a:hover span{
	color: #0071b7;
}

#inside{ width:1200px; margin: 30px auto 0; overflow: hidden;}
.container { width:100%; /*min-height:500px;*/  }

.box-left-contact { border-top:2px #3671bc solid; margin-top:40px; }
.box-left-contact h1 { display:block; padding:30px 0 10px 10px; font-weight:bold; color:#3671bc; }
.box-left-contact ul { float: left; width: 100%;}
.box-left-contact li { padding:5px 0 5px 10px; font-size: 14px; float: left;}

#title{ width:100%; float: left;}
#title h2{
	width:100%; float: left;
	text-align: center;
	font-size: 20px;
	color: #000;
	line-height: 30px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #f0f0f0;
}

.about_content{ width:100%; float:left; min-height:200px; overflow:hidden; margin-top: 20px;}
.contact_content{ width:100%; float:left; overflow:hidden; margin-top: 20px;}
.page_content,.message_box{ width:100%; float:left; font-size:14px; line-height:24px; color:#333; margin-bottom: 20px;}
.page_content h2{
	width:100%;
	margin: 0 auto;
	overflow: hidden;
	color: #333;
	font-size: 30px;
	line-height: 32px;
	text-align: center;
	
	padding: 35px 0;
}
.page_content .am-btn-primary,.message_boxForm .am-btn-primary{
	background-color: #0066ab;
    border-color: #0066ab;
}
/*.page_content span{
	width: 100%;
	text-align: center;
	margin: 0 auto;
	float: left;
	padding-top: 20px;
}
.page_content span a{
	color: #333;
}
.page_content span a:hover{
	color: #0071b7

}*/
.about_contentBox{
	width:100%;
	margin: 0 auto;
	overflow: hidden;
	float: left;
}
.about_contentBox ul{
	width:100%;
	float: left;
	margin: 45px 0;
}
.about_contentBox li{
	width: 280px;
	background: #fff;
	float: left;
	margin: 0 10px 20px;
}
.about_contentBox li img{
	width:280px;
	height: 188px;
	float: left;
}
.about_contentBox li p{
	width:100%;
	float: left;
	font-size: 14px;
	text-align: center;
	line-height: 40px;
	color: #666;
	height: 40px;
}
.about_contentBox li p:hover{
	background: #0071b7;
	color: #fff;
	width:100%;
	display: block;
}

.message_boxForm{ width:100%; float:left; margin: 45px 0;}
.message_boxForm .am-btn-primary{
	background-color: #0071b7;
    border-color: #0071b7;
}

#news_list{ margin:0px auto; padding:0; overflow: hidden; width: 100%; float: left; min-height: 500px;}
.news_list{ width: 100%; float: left; height: 160px; margin-bottom: 20px; overflow: hidden; padding: 30px; position: relative;}
.news_list::before{content: '';width: 5px;height: 100%; position: absolute;top: 0;left: 0;background-color: #0071b7;display: none;}
.news_list .left{float: left;width:560px;padding-right: 40px; height: 100%;}
.news_list .left .title{font-size: 24px;line-height: 24px;color:#333333;height: 80px;overflow: hidden;}
.news_list .left .date{font-size: 16px;color:#333333;letter-spacing: .8px;}
.news_list .right {float: right;width: 570px;padding-left: 30px;border-left: 1px solid #d8d8d8; height: 100%;}
.news_list .right .description{color: #666;font-size: 16px;line-height: 2.1;margin-top: -5px; height: 90px;}
.news_list .right .mored{float: right;color: #333; font-size: 14px; padding-right: 20px; background: url(../png/arrow_more.png) no-repeat right;}


.news_list:hover{background:#f5f5f5;}
.news_list:hover::before{display: block;}
.news_list:hover .left .title,.news_list li:hover .left .date{color:#0071b7;}
.news_list:hover .right .description{color: #333;}
.news_list:hover .right .mored{color:#0071b7; background: url(../png/arrow_more_hover.png) no-repeat right;}

.pages{ width:100%; float: left; overflow: hidden; margin-bottom: 20px;}
.pagination-blog {
	width:100%;
	text-align: center;
	margin-bottom: 20px;
}

.pagination-blog ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.pagination-blog ul li {
	display: inline-block;
	width: auto;
	height: 30px;
	border-radius: 3px;
	padding: 0 10px;
	margin: 4px;
	line-height: 30px;
	font-size: 14px;
	border: 1px solid #ddd;
}
.pagination-blog ul li a{
	color: #333;
}
.pagination-blog ul .active a,.pagination-blog ul a:active ,.pagination-blog ul li a:hover{
	color: #0066ab;
}
.pagination-blog ul li.sub{
	border:none;
	margin: 0;
}
.pagination-blog ul li .wenbenkuang{
	height:28px;
	width: 28px;
	line-height: 28px;
	border: 1px solid #ddd;
	margin-top: -2px;
}
.pagination-blog ul li .go{
	width: 30px;
	height: 30px;
	background-color: #0066ab;
    color: #fff;
	line-height: 30px;
	text-align: center;
	border: none;
}
.pagination-blog ul li .go_cn{
	width: 60px;
	height: 30px;
	background-color: #0066ab;
    color: #fff;
	line-height: 30px;
	text-align: center;
	border: none;
}

#news_view{ margin:0px auto; padding:25px 0; overflow: hidden; width: 100%; float: left; min-height: 500px;}
.viewbox{ width:100%; float:left; font-size:14px; line-height:24px; color:#333; min-height:500px; overflow:hidden;}
#article_title { float:left; width:100%; text-align:center; line-height:30px; padding-bottom:25px;}
#article_title h1{-x-system-font:none; color:#333; font-family:"微软雅黑",arial; font-size:20px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; line-height:30px;}

#article_small{ float:left; color:#666; width:100%; font-size:12px; padding-top:7px; text-align:center; background:#f8f8f8; border:1px dotted #ddd; padding-bottom:6px;}
#article_small span{ margin-right:8px; color:#666;}
#article_small span a{ color:#666;}
#article_small span a:hover{ color:#996600;}

.view_content{ font-size:14px; float:left; color:#000; line-height:24px; width:100%; padding-top:10px; min-height:400px;}
.show_con table{
	width:100% !important;
}

.handle{ width:100%; overflow:hidden; clear:both; float:left;}
.turn { width: 100%; border-top: 1px solid #e0e0e0; padding-top: 25px; margin-top: 30px; position: relative; float:left;}
.turn p,.show_turn p { float: left; font-size: 12px; line-height: 32px; font-weight: bold; padding: 0 20px; border-right: 1px solid #fff; background: #ececec; margin-bottom: 7px; }
.turn a.name { display: inline-block; min-width: 322px; padding: 0 10px; background: #f4f4f4; float: left; line-height: 32px; margin-bottom: 7px; color: #333;}
.turn a.back { display: inline-block; font-weight: bold; line-height: 32px; padding: 0 28px; background: #ececec; position: absolute; top: 25px; right: 0; color: #333;}
.turn a:hover,.show_turn a:hover { color: #0066ab; }
.turn .line,.show_turn .line { width: 100%; height: 0; line-height: 0; clear: both; }
.jiathis_style { position: absolute; bottom: 14px; right: 0; }
.jiathis_style span.t { display: inline-block; line-height: 16px; float: left;}

.viewbox table tr td{ line-height:24px;}

.honor_box{ width:1200px; float:left;}
.honor_list{ width:100%; margin-top: 15px;}
.honor_list ul{ width:100%; float:left;}
.honor_list li{ float: left; margin: 0px 10px 15px; width: 280px; overflow:hidden;}
.honor_list li .case_pic{
	width:280px;
	float: left;
	height: 226px;
}
.honor_list li .case_pic a {
    position: relative;
    display: block;
	height: 100%;
}
.honor_list li .case_pic a > img {
    width:276px;
	height: 184px;
	border: 2px solid #fff;
	border-bottom: none;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.honor_list li .case_pic .cont {
    width: 100%;
	position: absolute;
	bottom: 0;
    overflow: hidden;
    z-index: 1;
	background: #fff;
}
.honor_list li .case_pic .cont .text {
    font-size: 18px;
    line-height: 40px;
    color: #333;
    text-align: center;
}
.honor_list li .case_pic .cont02 {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0;
    background-color: #0066ab;
    opacity: .92;
    z-index: 0;
    transition-duration: .5s;
}
.honor_list li .case_pic .cont02 .text {
    float: left;
    font-size: 18px;
    color: #fff;
	text-align: center;
	width: 100%;
	line-height: 40px;
}
.honor_list li .case_pic a:hover > img {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
	border: 2px solid #0066ab;
	border-bottom: none;
}
.honor_list li .case_pic a:hover .cont .text {
    display: none;
}
.honor_list li .case_pic a:hover .cont02 {
    height: 40px;
}

.honor_list li .honor_pic{
	width: 280px;
	float: left;
	height: 418px;
}
.honor_list li .honor_pic a {
    position: relative;
    display: block;
	height: 100%;
}
.honor_list li .honor_pic a > img {
    width:276px;
	height: 380px;
	border: 2px solid #fff;
	border-bottom: none;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.honor_list li .honor_pic .cont {
    width: 100%;
	position: absolute;
	bottom: 0;
    overflow: hidden;
    z-index: 1;
	background: #fff;
}
.honor_list li .honor_pic .cont .text {
    font-size: 18px;
    line-height: 40px;
    color: #333;
    text-align: center;
}
.honor_list li .honor_pic .cont02 {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0;
    background-color: #0066ab;
    opacity: .92;
    z-index: 0;
    transition-duration: .5s;
}
.honor_list li .honor_pic .cont02 .text {
    float: left;
    font-size: 18px;
    color: #fff;
	text-align: center;
	width: 100%;
	line-height: 40px;
}
.honor_list li .honor_pic a:hover > img {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
	border: 2px solid #0066ab;
	border-bottom: none;
}
.honor_list li .honor_pic a:hover .cont .text {
    display: none;
}
.honor_list li .honor_pic a:hover .cont02 {
    height: 40px;
}




.culture_list{ width:100%; margin-top: 15px;  float:left;}
.culture_item1{ float: left; margin: 0px 10px 15px; width: 456px; overflow:hidden;}
.culture_item2{ float: left; margin: 0px 10px 15px; width: 360px; overflow:hidden;}
.culture_item3{ float: left; margin: 0px 10px 15px; width: 315px; overflow:hidden;}
.culture_item4{ float: left; margin: 0px 10px 15px; width: 480px; overflow:hidden;}
.culture_item5{ float: left; margin: 0px 10px 15px; width: 390px; overflow:hidden;}
.culture_item6_1{ float: left; margin: 0px 10px 15px; width: 265px; overflow:hidden;}
.culture_item6{ float: left; margin: 0px 10px 15px; width: 265px; overflow:hidden;}
.culture_item7{ float: left; margin: 0px 10px 15px; width: 360px; overflow:hidden;}
.culture_item8{ float: left; margin: 0px 10px 15px; width: 400px; overflow:hidden;}
.culture_item9{ float: left; margin: 0px 10px 15px; width: 380px; overflow:hidden;}
.culture_item1 .item1_pic{
	width:456px;
	float: left;
	height: 316px;
}
.culture_item2 .item2_pic{
	width:360px;
	float: left;
	height: 316px;
}
.culture_item3 .item3_pic{
	width:315px;
	float: left;
	height: 316px;
}
.culture_item4 .item4_pic{
	width:480px;
	float: left;
	height: 320px;
}
.culture_item5 .item5_pic{
	width:390px;
	float: left;
	height: 316px;
}
.culture_item6 .item6_1_pic{
	width:265px;
	float: left;
	height: 316px;
}
.culture_item6 .item6_pic{
	width:265px;
	float: left;
	height: 158px;
}
.culture_item7 .item7_pic{
	width:360px;
	float: left;
	height: 356px;
}
.culture_item8 .item8_pic{
	width:400px;
	float: left;
	height: 356px;
}
.culture_item9 .item9_pic{
	width:380px;
	float: left;
	height: 356px;
}
.culture_item1 .item1_pic a,
.culture_item2 .item2_pic a,
.culture_item3 .item3_pic a,
.culture_item4 .item4_pic a,
.culture_item5 .item5_pic a,
.culture_item6 .item6_pic a,
.culture_item7 .item7_pic a,
.culture_item8 .item8_pic a,
.culture_item9 .item9_pic a{
    position: relative;
    display: block;
	height: 100%;
}
.culture_item1 .item1_pic a > img {
    width:452px;
	height: 276px;
	border: 2px solid #fff;
	border-bottom: none;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.culture_item2 .item2_pic a > img {
    width:356px;
	height: 276px;
	border: 2px solid #fff;
	border-bottom: none;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.culture_item3 .item3_pic a > img {
    width:311px;
	height: 276px;
	border: 2px solid #fff;
	border-bottom: none;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.culture_item4 .item4_pic a > img {
    width:476px;
	height: 316px;
	border: 2px solid #fff;
	border-bottom: none;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.culture_item5 .item5_pic a > img {
    width:386px;
	height: 316px;
	border: 2px solid #fff;
	border-bottom: none;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.culture_item6 .item6_pic a > img {
    width:251px;
	height: 186px;
	border: 2px solid #fff;
	border-bottom: none;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.culture_item7 .item7_pic a > img {
    width:356px;
	height: 356px;
	border: 2px solid #fff;
	border-bottom: none;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.culture_item8 .item8_pic a > img {
    width:396px;
	height: 356px;
	border: 2px solid #fff;
	border-bottom: none;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.culture_item9 .item9_pic a > img {
    width:376px;
	height: 356px;
	border: 2px solid #fff;
	border-bottom: none;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.culture_item1 .item1_pic .cont,
.culture_item2 .item2_pic .cont,
.culture_item3 .item3_pic .cont,
.culture_item4 .item4_pic .cont,
.culture_item5 .item5_pic .cont,
.culture_item6 .item6_pic .cont,
.culture_item7 .item7_pic .cont,
.culture_item8 .item8_pic .cont,
.culture_item9 .item9_pic .cont{
    width: 100%;
	position: absolute;
	bottom: 0;
    overflow: hidden;
    z-index: 1;
	background: #fff;
}
.culture_item1 .item1_pic .cont .text,
.culture_item2 .item2_pic .cont .text,
.culture_item3 .item3_pic .cont .text,
.culture_item4 .item4_pic .cont .text,
.culture_item5 .item5_pic .cont .text,
.culture_item6 .item6_pic .cont .text,
.culture_item7 .item7_pic .cont .text,
.culture_item8 .item8_pic .cont .text,
.culture_item9 .item9_pic .cont .text{
    font-size: 18px;
    line-height: 40px;
    color: #333;
    text-align: center;
}
.culture_item1 .item1_pic .cont02,
.culture_item2 .item2_pic .cont02,
.culture_item3 .item3_pic .cont02,
.culture_item4 .item4_pic .cont02,
.culture_item5 .item5_pic .cont02,
.culture_item6 .item6_pic .cont02,
.culture_item7 .item7_pic .cont02,
.culture_item8 .item8_pic .cont02,
.culture_item9 .item9_pic .cont02{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0;
    background-color: #0066ab;
    opacity: .92;
    z-index: 0;
    transition-duration: .5s;
}
.culture_item1 .item1_pic .cont02 .text,
.culture_item2 .item2_pic .cont02 .text,
.culture_item3 .item3_pic .cont02 .text,
.culture_item4 .item4_pic .cont02 .text,
.culture_item5 .item5_pic .cont02 .text,
.culture_item6 .item6_pic .cont02 .text,
.culture_item7 .item7_pic .cont02 .text,
.culture_item8 .item8_pic .cont02 .text,
.culture_item9 .item9_pic .cont02 .text{
    float: left;
    font-size: 18px;
    color: #fff;
	text-align: center;
	width: 100%;
	line-height: 40px;
}
.culture_item1 .item1_pic a:hover > img,
.culture_item2 .item2_pic a:hover > img,
.culture_item3 .item3_pic a:hover > img,
.culture_item4 .item4_pic a:hover > img,
.culture_item5 .item5_pic a:hover > img,
.culture_item6 .item6_pic a:hover > img,
.culture_item7 .item7_pic a:hover > img,
.culture_item8 .item8_pic a:hover > img,
.culture_item9 .item9_pic a:hover > img{
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
	border: 2px solid #0066ab;
	border-bottom: none;
}
.culture_item1 .item1_pic a:hover .cont .text,
.culture_item2 .item2_pic a:hover .cont .text,
.culture_item3 .item3_pic a:hover .cont .text,
.culture_item4 .item4_pic a:hover .cont .text,
.culture_item5 .item5_pic a:hover .cont .text,
.culture_item6 .item6_pic a:hover .cont .text,
.culture_item7 .item7_pic a:hover .cont .text,
.culture_item8 .item8_pic a:hover .cont .text,
.culture_item9 .item9_pic a:hover .cont .text{
    display: none;
}
.culture_item1 .item1_pic a:hover .cont02,
.culture_item2 .item2_pic a:hover .cont02,
.culture_item3 .item3_pic a:hover .cont02,
.culture_item4 .item4_pic a:hover .cont02,
.culture_item5 .item5_pic a:hover .cont02,
.culture_item6 .item6_pic a:hover .cont02,
.culture_item7 .item7_pic a:hover .cont02,
.culture_item8 .item8_pic a:hover .cont02,
.culture_item9 .item9_pic a:hover .cont02{
    height: 40px;
}

#dituContent{ margin-left:20px;}


.area_left{
	width: 240px;
	float: left;
}
.area_right{
	width: 933px;
	margin-left: 27px;
	float: left;
}
.products_content{ width:100%; float:left; min-height:500px; overflow:hidden;}

.products_list,.products_box{ width:100%; float:left; overflow:hidden; min-height:500px; padding-bottom: 20px;}
.products_list ul{ width:100%; float:left;}
.products_list li{
	width:210px;
	float:left;
	margin:0 20px 20px 0;
	text-align:center;
	border: 3px solid #f5f5f5;
	/*border-bottom: 3px solid #f5f5f5;*/
}
.products_list li:hover{
	border: 3px solid #0071b7;
	width: 210px;
	float: left;
}
.products_list li a{ color:#666; text-decoration:none;    float: left;
    width: 100%;}
.products_list li p{ width:204px; float:left; text-align:center; line-height:30px; height: 30px; background:#f5f5f5; white-space: nowrap;text-overflow:ellipsis; overflow:hidden; color:#666;}
.products_list li img{ width: 204px; height: 204px;object-fit: cover;
    transition:all .3s ease-in;}
/*.products_list img:hover{
    transform:scale(1.1);
}*/
.products_list li:hover p{
	background: #0071b7
}
.products_list li:hover p a{
	color: #fff
}
.products_list li:nth-child(4n){
	margin:0 0 20px 0;
}

.box-left-nav{  width:100%; float: left;}
.box-left-nav li {
	padding:15px 0;
	font-size: 16px;
	line-height: 36px;
	width: 100%;
    height: 66px;
    background-color: #e6e6e6;
    text-indent: 40px;
	float: left;
	border-bottom: 1px solid #ccc;

}
.box-left-nav li a{ color:#4c4c4c; font-weight:bold;}
.box-left-nav li a.A {  color:#3671bc; }
.box-left-nav li:last-child{ border-bottom:none;}

.pro_menu{width:100%; float:left;position:relative;z-index:20;}
.pro_menu dt{
	/*padding:15px 0;
	font-size: 16px;
	line-height: 36px;*/
	width: 100%;
    height: 66px;
    background-color: #e6e6e6;
    text-indent: 40px;
	float: left;
	border-bottom: 1px solid #ccc;
	position: relative;
}
.pro_menu dt a{ color:#4c4c4c; font-size: 16px; line-height: 66px; height: 66px; float: left; width: 100%; font-weight: normal;}
.pro_menu dt a:hover{ color:#fff; background:#0071b7; display: block;}
.pro_menu dt img{ float:right; width:15px; vertical-align:middle; /*margin: 13px 10px 0 0;*/position: absolute;
    top: 24px;
    right: 15px;}
.pro_menu dl.on dt{background:#0071b7;}
.pro_menu dl.on dt a{ color: #fff;}

.pro_menu dd{display:none;}
.pro_menu dd a{background:#f5f5f5; display:block;font-size:14px;color:#666;line-height:32px;padding:10px 0 10px 40px; margin-bottom: 5px;    float: left;
    width: 100%;}
.pro_menu dd a.on,.pro_menu dd a:hover{color:#0071b7;}


.pro_menu_en{width:100%; float:left;position:relative;z-index:20;}
.pro_menu_en dt{
	padding:15px 0;
	font-size: 14px;
	width: 100%;
    height: 66px;
    background-color: #e6e6e6;
    text-indent: 20px;
	float: left;
	border-bottom: 1px solid #ccc;
}
.pro_menu_en dt a{ color:#4c4c4c; font-weight:normal;}
.pro_menu_en dt img{ float:right; width:15px; vertical-align:middle; margin: 13px 10px 0 0;}
.pro_menu_en dl.on dt{background:#0071b7;}
.pro_menu_en dl.on dt a{ color: #fff;}

.pro_menu_en dd{display:none;}
.pro_menu_en dd a{background:#f5f5f5; display:block;font-size:14px;color:#666;line-height:26px;padding:5px 0 5px 15px; margin-bottom: 5px;}
.pro_menu_en dd a.on,.pro_menu_en dd a:hover{font-size:16px;color:#00923fc7;font-weight:bolder;}



/*底部*/
#footer {
	width: 100%;
	margin: 0 auto;
	background: #282828;
	padding: 30px 0;
	overflow: hidden;
}
.footer {
	width: 1200px;
	margin: 0 auto;
	padding-top: 10px
}
.footer_item {
	width: 240px;
	/*padding: 0 0 0 25px;*/
	float: left;
	min-height: 200px;
}
.footer_item h1 {
	width: 100%;
	float: left;
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	font-weight: normal;
	padding-bottom: 10px
}
.footer_item ul {
	width: 100%;
	float: left;
	padding-left: 0;
}
.footer_item li {
	width: 100%;
	float: left;
	color: #d3d3d3;
	line-height: 24px;
	font-size: 14px
}
.footer_item li a {
	color: #d3d3d3
}
.footer_item li a:hover {
	color: #0066ab
}
.footer_item li.code img{
	width: 120px;
	height: 120px;
	margin: 10px 0;
}
.footer_code {
	width: 720px;
	float: left
}
.code_item{
	width:240px;
	margin-top: 50px;
	float: right;
}
.code_item ul{
	width:100%;
	float: left;
	padding-left: 0;
}
.code_item li{
	width:100px;
	float: left;
}
.code_item li:last-child{
	margin-left: 40px;
}
.code_item li img{
	width:100px;
	height: 100px;
}
.code_item li p{
	float: left;
	width:100%;
	line-height: 24px;
	color: #d3d3d3;
	font-size: 12px;
	text-align: center;
}
.footer_text{
	width:350px;
	float: left;
}
.footer_text h1{
	width: 100%;
	float: left;
	color:#fff;
	font-size: 16px;
	line-height: 30px;
    padding-bottom: 10px;
	padding-left: 20px;
	font-weight: normal;
}
.footer_text ul{
	width:100%;
	float: left;
	padding-left: 20px;
}
.footer_text li{
	width:100%;
	float: left;
	line-height: 24px;
	color: #ababab;
	font-size: 14px;
	margin-bottom: 10px;
}
.footer_text li.tels{
	background:url(../png/footer_icon1.png) no-repeat;
	padding-left: 30px;
}
.footer_text li.fax{
	background:url(../png/footer_icon2.png) no-repeat;
	padding-left: 30px;
}
.footer_text li.email{
	background:url(../png/footer_icon3.png) no-repeat;
	padding-left: 30px;
}
.footer_text li.url{
	background:url(../png/footer_icon4.png) no-repeat;
	padding-left: 30px;
}
.footer_text li.add{
	background:url(../png/footer_icon5.png) no-repeat;
	padding-left: 30px;
}
.footer_text li.phone{
	background:url(../png/footer_icon6.png) no-repeat;
	padding-left: 30px;
}


#footer_copyright{ width:100%; background: #1e1e1e; padding: 10px 0px; margin: 0px auto; overflow: hidden;}
.footer_copyright,.footer_pic{ width: 1200px; margin: 0px auto; overflow: hidden;}
.footer_copyright p{ color: #fff; font-size: 14px; line-height: 24px; margin: 0;}
.footer_pic{ text-align:center;}
.footer_copyright p a{
	color: #fff;
}
.view_pic {width:1200px;margin:10px auto;overflow:hidden;}
.view_picleft {width:721px;border:1px solid #ddd;float:left;margin-right:20px;text-align:center;}
.view_picleft img {width:720px;height:720px;vertical-align:middle;text-align:center;}
.view_picright {width:190px;float:left;}
.view_picright li {width:190px;float:left;margin-bottom:10px;background:none repeat scroll 0 0 transparent;}
.view_picright li img {width:188px;height:165px;border:1px solid #ddd;}
.view_picright li.tb-selected img {width:184px;height:165px;border:2px solid #0066ab;}
div.zoomDiv {z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask {position:absolute;background:url("../png/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}


.news-list a { width: 100%; height: 142px; display: block; }
.news-list { width: 100%; height: 142px; border-bottom: 1px #d5dbdc dashed; position: relative; transition: all 300ms; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; background: #f4f5f7; margin-bottom: 15px}
.news-list .news-mon { width: 122px; height: 122px; float: left; padding: 0; text-align: right; background: #0066ab; margin: 10px 0 0 10px; }
.news-list .news-mon h4 { font-size: 30px; color: #fff; padding-bottom: 6px; font-family: NOVECENTOWIDE,"微软雅黑"; letter-spacing: -1px; text-align: center; padding-top: 40px;}
.news-list .news-mon h5 { font-size: 18px; color: #fff; font-family: NOVECENTOWIDE,"微软雅黑";  text-align: center;}
.news-list .news-min { width: 1000px; height: 117px; padding: 25px 0px 0px 35px; float: left; }
.news-list .news-min h3 { font-size: 16px; color: #323232; padding-bottom: 15px; }
.news-list .news-min p { font-size: 12.5px; color: #828282; }
.news-list .news-go { width: 0px; height: 142px; background: url("../jpg/news-go.jpg") no-repeat right center; box-shadow: -100px 0 142px #f2f6f7; opacity: 0; position: absolute; right: 0; top: 0; transition: all 300ms; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; }
.news-list a:hover { background: #ffffff; background: rgba(255,255,255,0.8) !important; transition: all 300ms; }
.news-list a:hover .news-go { width: 142px; opacity: 1; transition: all 300ms; }


.product_1{
	width:100%;
	margin: 0 auto;
	background: #f1f1f1;
}
.product-img-1 {
    width: 100%;
    height: 550px;
	background: url(../jpg/product-1.jpg) no-repeat center;
	margin: 0 auto;
}
.product-img-en {
    width: 100%;
    height: 550px;
	background: url(../jpg/product-010.jpg) no-repeat center;
	margin: 0 auto;
}

.product-con { width: 100%; height: 100%; clear: both; }
.product-list,.product-list2 { width: 100%; padding: 60px 0px; clear: both; height: auto; background: #f4f5f6; }
.product_list{
	width: 933px;
	float: left;
	margin-left: 27px;
}
.product_list ul { width: 100%; }
.product_list li { width: 308px; height: 308px; margin: 0px 3px 3px 0px; float: left; background: #fff; text-align: center; position: relative; overflow: hidden; }
.product_list li h3 {
	font-size: 16px;
    color: #323232;
    position: absolute;
    bottom: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.product-list li h5 { font-size: 24px; color: #bfbfbf; font-family: DINCond-Bold; line-height: 30px; }
.product-img-2 { width: 308px; height: 308px; }
.product-img-2 img { vertical-align: middle; width: 100%; height: 100%; }

.product-list-con { width: 228px; height: 308px; padding: 0px 40px; background: #0066ab; position: absolute; top: 308px; z-index: 10; text-align: left; transition: all 300ms; -webkit-transition: all 300ms; -moz-transition: all 300ms; }
.product-list-con h4 { font-size: 16px; color: #ffffff; padding: 58px 0px 10px 0px; }
.product-list-con p { font-size: 12.5px; color: #d9ecce; padding-top: 25px; font-weight: bold; }
.product-list-con .pro-more { font-size: 14px; color: #fff; font-weight: bold; padding-left: 55px; height: 44px; line-height: 44px; background: url("../png/page-down-on.png") no-repeat left center; position: absolute; bottom: 50px; left: 40px; }
.product-list-con .pro-more:hover { color: #fff; background: url("../png/page-down-on.png") no-repeat left center; }
.product-list li:hover .product-list-con { top: 0; }


.caste_2-main { width: 100%; padding-top: 40px; }
.caste_2-top { width: 100%;overflow:hidden;}
.caste_2-top i { width: 40px; height: 70px; float: left; background: #f4f5f6; margin-top:5px;}
.caste_2-top li { width: 165px; height: 45px; padding-top: 25px; background: #fff; margin-right: 4px;margin-top:5px; text-align: center; float: left; transition: all 300ms; -webkit-transition: all 300ms; -o-transition: all 300ms; -moz-transition: all 300ms; }
.caste_2-top li a { color: #323232; font-size: 12.5px; }
.caste_2-top li.on { background: #f4f5f6; }
.caste_2-top li.on a { color: #323232; }
.caste_2-list {overflow:hidden; width: 1160px; padding: 40px 0px 55px 40px; background: #f4f5f6; }
.caste_2-list ul,.caste_3-list ul{
	width:100%;
	float: left;
}
.caste_2-list li { width: 370px; height: 370px; float: left; margin: 0px 5px 5px 0px; background: #fff; text-align: center; transition: all 0ms; -webkit-transition: all 0ms; -o-transition: all 0ms; -moz-transition: all 0ms; position: relative;}
.caste_2-list .caste_2-img { transition: all 0ms; -webkit-transition: all 0ms; -o-transition: all 0ms; -moz-transition: all 0ms; }
.caste_2-list .caste_2-img img { vertical-align: middle;width: 100%; height: 100%;}
.caste_2-list li p { font-size: 14px; color: #666666; transition: all 300ms; -webkit-transition: all 300ms; -o-transition: all 300ms; -moz-transition: all 300ms; 
	position: absolute; bottom: 10px; display: flex; justify-content: center; text-align: center; width: 100%;
}
.caste_2-list li:hover { width: 364px; height: 364px; border: 3px #0066ab solid; transition: all 0ms; }
.caste_2-list li:hover .caste_2-img { width: 364px; margin-top: 0px; }
.caste_2-list li:hover p { color: #0066ab; }

.caste_3_list{
	width: 933px;
	float: left;
	margin-left: 27px;
}
.caste_3-list {overflow:hidden; width: 100%; }

.caste_3-list li { width: 301px; height: 301px; float: left; margin: 0px 5px 5px 0px; background: #fff; text-align: center; transition: all 0ms; -webkit-transition: all 0ms; -o-transition: all 0ms; -moz-transition: all 0ms; position: relative;}
.caste_3-list .caste_2-img { transition: all 0ms; -webkit-transition: all 0ms; -o-transition: all 0ms; -moz-transition: all 0ms; }
.caste_3-list .caste_2-img img { vertical-align: middle;width: 100%; height: 100%;}
.caste_3-list li p { font-size: 14px; color: #666666; transition: all 300ms; -webkit-transition: all 300ms; -o-transition: all 300ms; -moz-transition: all 300ms; 
	position: absolute; bottom: 10px; display: flex; justify-content: center; text-align: center; width: 100%;
}
.caste_3-list li:hover { width: 295px; height: 295px; border: 3px #0066ab solid; transition: all 0ms; }
.caste_3-list li:hover .caste_2-img { width: 295px; margin-top: 0px; }
.caste_3-list li:hover p { color: #0066ab; }

/*caste_2-xqy*/
.caste-ban-2 { width: 100%; height: 526px; background: url("../caste-ban-2.html") no-repeat center center; }
.caste_2-con2 { padding-top: 170px; }
.caste_2-con2 h2 { font-size: 24px; color: #323232; font-weight: 500; }
.caste_2-con2 h4 { font-size: 36px; color: #535354; padding: 18px 0px 110px 0px; font-weight: 500; line-height: 40px; }
.caste_2-con2 h3 { font-size: 25px; color: #66c130; font-weight: 500; padding: 10px 0px; font-family: 'DINCond-Medium',"微软雅黑"; }
.caste_2-con2 li { width: 111px; height: 111px; float: left; margin-right: 7px; text-align: center; background: #656764; }
.caste_2-con2 li a { width: 111px; height: 41px; padding-top: 70px; text-align: center; color: #fff; font-size: 14px; }
.caste_2-con2 li a.caste-icon-1 { background: url("../caste-icon-1.html") no-repeat center 22px; }
.caste_2-con2 li a.caste-icon-2 { background: url("../caste-icon-2.html") no-repeat center 22px; }
.caste_2-con2 li a.caste-icon-3 { background: url("../caste-icon-3.html") no-repeat center 22px; }

.case_list {
	width: 933px;
	float: left;
	margin-left: 27px;
}
.case_list ul{
	width: 100%;
	float: left;
}
.case_list li {
    float: left;
    position: relative;
    width: 301px;
	margin: 0 5px 20px;
    z-index: 9;
}
.case_list li a {
    position: relative;
    display: block;
    overflow: hidden;
}
.case_list li a > img {
    width: 297px;
	height: 297px;
	border: 2px solid #fff;
	border-bottom: none;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.case_list li .cont {
    width: 100%;
	position: absolute;
	bottom: 10px;
    overflow: hidden;
    z-index: 1;
}
.case_list li .cont .text {
    font-size: 18px;
    line-height: 30px;
    color: #333;
    text-align: center;
}
.case_list li .cont02 {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0;
    background-color: #0066ab;
    opacity: .92;
    z-index: 0;
    transition-duration: .5s;
}
.case_list li .cont02 .text {
    float: left;
    font-size: 18px;
    color: #fff;
	text-align: center;
	width: 100%;
	line-height: 40px;
}
.case_list li a:hover > img {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
	border: 2px solid #0066ab;
	border-bottom: none;
}
.case_list li a:hover .cont .text {
    display: none;
}
.case_list li a:hover .cont02 {
    height: 40px;
}


/*弹窗*/
.layer-1{width:100%;height:100%;background:#313131;position:fixed;top:0;left:0;z-index:1000;display:none;}
.layer-top{width:100%;height:90px;background:#222222;}
.layer-top li{margin-right:35px;line-height:90px;float:left;cursor:pointer;position:relative;}
.layer-top li a{font-size:18px;color:#656565;font-weight:bold;-webkit-transition:all 400ms;-o-transition:all 400ms;transition:all 400ms;}
.layer-top li i{width:20px;height:13px;background:url("../jpg/layer-1.jpg") no-repeat center center;position:absolute;bottom:-13px;left:25%;opacity:0;transition:all 400ms;-webkit-transition:all 400ms;-o-transition:all 400ms;}
.layer-top li.on a{color:#fff;}
.layer-top li.on i{opacity:1;}
.slide-close{width:30px;height:30px;background:url("../png/slide-close.png") no-repeat center center;position:absolute;right:0;top:30px;cursor:pointer;}
.layer-map{padding-top:60px;}
.layer-map h3{font-size:36px;color:#0066ab;font-family:'DINCond-Medium',"微软雅黑";padding-bottom:40px;border-bottom:4px #999999 solid;}

.language{width:100%;padding-top:60px;}
.language-list{width:100%;height:100px;}
.language-list ul{width:1230px;}
.language-list li{width:128px;height:100px;float:left;background:#3c3c3c;text-align:center;margin-right:6px;}
.language-list li a{width:100%;height:70px;padding-top:30px;font-size:18px;color:#fff; float: left;}
.language-list li a span{font-size:14px;color:#737373;display:block;}
.language-list li.on{background:url("../png/language-list-on.png") no-repeat center center;}
.language-list li.on span{color:#fff;}
.language-con{padding-top:60px;width:100%;position:relative;}
.language-img{width:378px;height:459px;position:absolute;left:30%;}

#prod_search{
	width:100%;
	margin: 20px auto 0;
	display: flex;
	justify-content: center;
}
.prod_search{
	width: 1200px;
	float: left;
}
.prod_search #key{
	border: 1px solid #ccc;
	height: 47px;
	line-height: 48px;
	width: 1080px;
	float: left;
	padding-left: 10px;
}
.prod_search .button{
	float: left;
	width: 100px;
	height: 50px;
	cursor: pointer;
	background: url(../png/so1.png) no-repeat;
	border: none;
}
.prod_search .button2{
	float: left;
	width: 100px;
	height: 50px;
	cursor: pointer;
	background: url(../png/so2.png) no-repeat;
	border: none;
}
#about_banner{
	width: 100%;
	margin: 0 auto;
	height: 600px;
	overflow: hidden;
	background: url(../jpg/about1.jpg) no-repeat center;
}
#about_banner2{
	width: 100%;
	margin: 0 auto;
	height: 600px;
	overflow: hidden;
	background: url(../jpg/about2.jpg) no-repeat center;
}
#about_banner3{
	width: 100%;
	margin: 0 auto;
	height: 600px;
	overflow: hidden;
	background: url(../jpg/about3.jpg) no-repeat center;
}
#about_banner4{
	width: 100%;
	margin: 0 auto;
	height: 600px;
	overflow: hidden;
	background: url(../jpg/about4.jpg) no-repeat center;
}
#about_banner5{
	width: 100%;
	margin: 0 auto;
	height: 600px;
	overflow: hidden;
	background: url(../jpg/about5.jpg) no-repeat center;
}
#about_banner6{
	width: 100%;
	margin: 0 auto;
	height: 600px;
	overflow: hidden;
	background: url(../jpg/about6.jpg) no-repeat center;
}

#app_banner{
	width: 100%;
	margin: 0 auto;
	height: 500px;
	overflow: hidden;
	background: url(../jpg/app1.jpg) no-repeat center;
}
#app2_banner{
	width: 100%;
	margin: 0 auto;
	height: 500px;
	overflow: hidden;
	background: url(../jpg/app2.jpg) no-repeat center;
}
#app3_banner{
	width: 100%;
	margin: 0 auto;
	height: 500px;
	overflow: hidden;
	background: url(../jpg/app3.jpg) no-repeat center;
}
#app4_banner{
	width: 100%;
	margin: 0 auto;
	height: 500px;
	overflow: hidden;
	background: url(../jpg/app4.jpg) no-repeat center;
}

#culture_con{
	width:100%;
	margin: 0 auto 30px;
	overflow: hidden;
}
#culture_con .container{
	width:1200px;
	overflow: hidden;
	margin: 0 auto;
}
#culture{
	width:100%;
	margin: 0 auto;
	overflow: hidden;
	background: url(../jpg/culture_bg.jpg) no-repeat center;
	min-height: 785px;
}

#about_enbanner{
	width: 100%;
	margin: 0 auto;
	height: 600px;
	overflow: hidden;
	background: url(../jpg/about1_en.jpg) no-repeat center;
}
#about_enbanner2{
	width: 100%;
	margin: 0 auto;
	height: 600px;
	overflow: hidden;
	background: url(../jpg/about2_en.jpg) no-repeat center;
}
#about_enbanner3{
	width: 100%;
	margin: 0 auto;
	height: 600px;
	overflow: hidden;
	background: url(../jpg/about3_en.jpg) no-repeat center;
}
#about_enbanner4{
	width: 100%;
	margin: 0 auto;
	height: 600px;
	overflow: hidden;
	background: url(../jpg/about4_en.jpg) no-repeat center;
}
#about_enbanner5{
	width: 100%;
	margin: 0 auto;
	height: 600px;
	overflow: hidden;
	background: url(../jpg/about5_en.jpg) no-repeat center;
}
#about_enbanner6{
	width: 100%;
	margin: 0 auto;
	height: 600px;
	overflow: hidden;
	background: url(../jpg/about6_en.jpg) no-repeat center;
}
.culture_con{
	width:1200px;
	margin: 600px auto 0;
	position: relative;
}

.culture-list-box{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.culture_con .culture-list-box .culture-list{
	width: 100%;
}
.culture_con .culture-list-box .culture-list .row{
    margin: 0 -1px;
}
.culture_con .culture-list-box .culture-list .item{
    box-sizing: border-box;
    padding: 0 1px;
}
.culture_con .culture-list-box .culture-list .con-box{
    position: relative;
}
.culture_con .culture-list-box .culture-list .init-box{
    background-color: #fff;
    padding: 30px 0;
    box-shadow: 0 0 2rem rgba(40,40,40,.02);
    border-radius: 2px;
    text-align: center;
}
.culture_con .culture-list-box .culture-list .icon{
    width: 100%;
    margin: 0 auto;
}
.culture_con .culture-list-box .culture-list .tit{
    font-size: 18px;
    line-height: 24px;
    color: #333;
    margin-top: 10px;
}
.culture_con .culture-list-box .culture-list .en-tit{
    font-size: 14px;
    line-height: 24px;
    color: #333;
    font-family: "Century Gothic";
    margin-top: 10px;
    text-transform: uppercase;
}
.culture_con .culture-list-box .culture-list .con{
    display: none;
}

.culture_con .culture-list-box .culture-list .hover-box{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    padding: 1.2rem 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../jpg/culture-hover-bg.jpg');
    border-radius: 2px;
    text-align: center;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s;
}
.culture_con .culture-list-box .culture-list .hover-box .tit{
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    margin-top: 10px;
}
.culture_con .culture-list-box .culture-list .line{
    width: .75rem;
    height: 2px;
    background-color: #fff;
    margin: .45rem auto 0;
}
.culture_con .culture-list-box .culture-list .con{
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    padding: 0 13.33%;
    margin-top: 1rem;
}

.culture_con .culture-list-box .culture-list .hover-box .con{
    display: block;
}

.col-sm-3 {
    width: 25%;
}
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{
	float: left;
}

.culture_con .culture-list .con-box:hover .hover-box{
        opacity: 1;
        filter: alpha(opacity=100);
    }









/* 合作伙伴 */
.world-box{
    padding: 2rem 6.8% 1.5rem 9%;
    /*background-color: #f5f5f5;*/
    overflow: hidden;
	width: 1200px;
	margin: 0 auto;
}
.world-box .text{
    width: 50%;
	margin-right: 50%;
}
.world-box .text span{
    font-size: .75rem;
    line-height: .8rem;
    color: #0066ab;
    font-family: "AVGBBT";
}
.world-box .world-wrap{
    margin-top: .4rem;
    position: relative;
}
.world-box .world-wrap .m-box{
    display: none;
}
.world-box .item{
    position: absolute;
    width: 2.116%;
}
.world-box .item .txt{
    font-size: .35rem;
    line-height: .4rem;
    font-family: "Lao UI";
    font-weight: bold;
    color: #0066ab;
    white-space: nowrap;
    position: absolute;
    left: 50%;
    bottom: -.6rem;
    transform: translateX(-50%);
}
.world-box .item1{
    left: 11.26%;
    top: 19.5369%;
}
.world-box .item2{
    left: 33.447%;
    top: 63.6758%;
}
.world-box .item3{
    left: 46%;
    top: 36.9%;
}
.world-box .item4{
    left: 58.7%;
    top: 45.73%;
}
.world-box .item5{
    left: 77.1331%;
    top: 57.887%;
    display: none;
}
.world-box .center-item{
    width: .75%;
    position: absolute;
    left: 78.6%;
    top: 45.586%;
}
.world-box .center-item .txt{
    position: absolute;
    left: 100%;
    top: 0;
    color: #0066ab;
    padding-left: .6rem;
    text-transform: uppercase;
    font-size: .3rem;
    line-height: .9rem;
}
.world-box .world-product{
    position: absolute;
    width: 7.3%;
    left: 25.8%;
    top: 50.65%;
}
.world-box .line{
    position: absolute;
}
.world-box .line .bg{
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
}
.world-box .line1{
    top: 13%;
    right: 21.48%;
    width: 66.348%;
    height: 33.5745%;
}
.world-box .line2{
    top: 35.6%;
    right: 20.7%;
    width: 32.15%;
    height: 11.14%;
}
.world-box .line3{
    top: 43.415%;
    right: 21.7%;
    width: 43.686%;
    height: 26.483%;
}
.world-box .line4{
    top: 44.8%;
    right: 21.5%;
    width: 18.6348%;
    height: 6.8%;
}
.world-box .line5{
    width: 1.433%;
    height: 17.22%;
    right: 21.16%;
    top: 44%;
}
.world-box .nation{
    position: absolute;
    left: 4.4%;
    bottom: 24.6%;
    color: #0066ab;
    font-size: .45rem;
    line-height: .5rem;
}
.world-box .nation span{
    color: #0066ab;
    font-size: 2.5rem;
    line-height: 2.3rem;
    font-family: "AVGBBT";
}
.pc-box img{
	width:100%;
}
.pub-con {
    font-size: 14px;
    line-height: 24px;
    color: #4c4c4c;
}


.fp-tableCell{
	width:100%;
	margin: 0 auto;
}
.tal2_main{
	width:100%;
	margin: 0 auto;
}

.tal2_top{width:100%;border-bottom:1px solid #D8DEE2;padding: 0;background: #0066ab;}
.tal2_top li{height: 60px;font-size: 18px;color:#fff;float:left;line-height:60px;}

.tal2_boxs{width: 100%; min-height: 650px;} /* calc(100% + 42px) */
.tal2_box{height: 100%;}
.tal2_name{width: 13%;text-align: center;}
.tal2_type{width: 24%;text-align: center;}
.tal2_num{width: 16%;text-align: center;}
.tal2_com{width: 26%;text-indent: 20px;}
.tal2_date{width: 21%;text-align: center;position: relative;}

.tal2_list{font-size: 15px;color: #666;line-height: 24px;border:1px solid #a0a0a0;border-top: none; overflow: hidden;}
.tal2_mes{padding: 0 30px;cursor: pointer;}
.tal2_list .tal2_mes.on{border-bottom:1px solid #DBE0E4;background: #237AE4}
.tal2_list ul{padding: 20px 0;}
.tal2_list .tal2_mes.on ul li{color: #237ae4;color: #fff;font-weight: bold;}
.tal2_list ul li{float:left;font-size: 16px;color: #666;}
.tal2_list .tal2_date{text-indent: 21px;}
.tal2_list .tal2_date i{width:16px;height: 10px;right: 0;margin:6px 0 0 0;background: url(../png/news_arrow.png) no-repeat center;position: absolute;}
.tal2_mes:hover{background: #f0f6fb;}
.tal2_mes:hover i{background: url(../png/arrow3_02.png) no-repeat center;}
.tal2_mes.on ul i{background: url(../png/arrow3_04_n.png) no-repeat center;}
.tal2_det{line-height: 32px;margin: 0 9px;border-bottom: 1px solid #f0f0f0;display: none;}
.tal2_det .main{
	width: 100%;
	float: left;
	
}
.tal2_det .main .main_con{
	padding: 30px;
}
.tal2_bottom{margin-top: 25px;}
.tal2_main .os-theme-dark > .os-scrollbar > .os-scrollbar-track{background: rgba(0,0,0,0.1)}
.tal2_main .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle{background: #25BEFE;opacity: 1}


.tal2_det .main .yp_con{
	padding: 0 0 20px 0; float: left; width: 100%;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
}
.tal2_det .main .yp_con span.left{
	margin-left: 20px;
}
.yp_btn{
	margin-right: 20px;
	width: 180px;
    height: 40px;
    border: 1px solid #237AE4;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #237AE4;
}
.yp_btn a{
	color: #237AE4;
}

.yp_table td{
	height: 50px;
}
.yp_table td .in-box{
	border: 1px solid #ccc;
	padding: .5em;
	width: 80%;
	border-radius: 2px;
}
.yp_table td .textarea-box{
	border: 1px solid #ccc;
	padding: .5em;
	width: 80%;
	border-radius: 2px;
}
.sub-btn{
	display: block;
    width: 180px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    background: #237AE4;
    color: #fff;
	border: none;
	cursor: pointer;
}


.float-right-box {
  width: 250px;
  position: fixed;
  right: 0;
  top: 50%;
  margin-top: -154px;
  background-color: #191919;
  z-index: 999;
  transition: width 0.3s ease 0s;
}
.float-right-box.on {
  width: 50px;
}
.float-right-box .top-list {
  width: 100%;
}
.float-right-box .top-list a {
  display: block;
  width: 100%;
}
.float-right-box .top-list .stt {
  display: inline-block;
  font-size: 14px;
  line-height: 50px;
  color: #fff;
  transition: color 0.3s ease 0s;
  position: absolute;
  left: 28px;
  top: 0;
  z-index: 1;
  width: 222px;
}
.float-right-box .top-list li {
  width: 100%;
  position: relative;
  border-bottom: 1px solid #3b3b3b;
  background-color: #191919;
  transition: background 0.3s ease 0s;
  height: 50px;
}
.float-right-box .top-list li .ico {
  display: inline-block;
  width: 50px;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  transition: background 0.3s ease 0s;
}
.float-right-box .top-list li .ico.ico1 {
  background: #191919 url(../png/yyaddr.png) no-repeat center;
}
.float-right-box .top-list li .ico.ico2 {
  background: #191919 url(../png/yywx.png) no-repeat center;
}
.float-right-box .top-list li .ico.ico3 {
  background: #191919 url(../png/yytel.png) no-repeat center;
}
.float-right-box .top-list li .ico.ico4 {
  background: #191919 url(../png/yytop.png) no-repeat center;
}
.float-right-box .top-list li:hover {
  background-color: #fff;
  transition: background 0.3s ease 0s;
}
.float-right-box .top-list li:hover .stt {
  color: #333;
}
.float-right-box .top-list li:hover .ico1 {
  background: #fff url(../png/yyaddrh.png) no-repeat center;
}
.float-right-box .top-list li:hover .ico2 {
  background: #fff url(../png/yywxh.png) no-repeat center;
}
.float-right-box .top-list li:hover .ico3 {
  background: #fff url(../png/yytelh.png) no-repeat center;
}
.float-right-box .top-list li:hover .ico4 {
  background: #fff url(../png/yytoph.png) no-repeat center;
}
.float-right-box .bot-share {
  position: relative;
  height: 50px;
}
.float-right-box .bot-share .share {
  width: 200px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  padding-bottom: 0;
  border-bottom: none;
}
.float-right-box .bot-share a {
  display: inline-block;
  width: 50px;
  height: 50px;
  float: left;
  transition: background 0.3s ease 0s;
  margin: 0;
  padding: 0;
}
.float-right-box .bot-share .sina {
  background: url(../png/yyxl.png) no-repeat center;
}
.float-right-box .bot-share .wx {
  background: url(../png/yywx.png) no-repeat center;
}
.float-right-box .bot-share .tx {
  background: url(../png/yytx.png) no-repeat center;
}
.float-right-box .bot-share .more {
  background: url(../png/ico_66.png) no-repeat center;
}
.float-right-box .bot-share .facebook {
  background: url(../png/icon_en01.png) no-repeat center;
}
.float-right-box .bot-share .lingying {
  background: url(../png/icon_en02.png) no-repeat center;
}
.float-right-box .bot-share .e-mail {
  background: url(../png/icon_en03.png) no-repeat center;
}


.float-right-box .bot-share .share-ico {
  background: url(../png/yyshare.png) no-repeat center #191919;
  width: 50px;
  height: 50px;
  display: inline-block;
  cursor: pointer;
  z-index: 2;
  position: relative;
}

.vlayer {
  display: block;
  z-index: 101;
  top: 0px;
  left: 0px;
  position: fixed;
  height: 100%;
  width: 100%;
  opacity: 1;
  filter: alpha(opacity=100);
  background-color: #fff;
}

.yywxbox {
  display: none;
  background-color: transparent;
}

.wx-wrap {
  box-sizing: border-box;
  width: 300px;
  height: 300px;
  padding: 50px 30px;
  background-color: #fff;
  border: 1px #ccc solid;
  box-shadow: 0px 3.5px 2.5px -1px rgba(0, 0, 0, 0.2);
  margin: -150px auto 0;
  position: relative;
  top: 50%;
}
.wx-wrap .wxclose {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 13px;
  right: 16px;
  border: 0;
  outline: none;
  background: url(../png/ico_37.png) no-repeat center;
  background-size: 24px 24px;
  transition: transform 0.5s ease 0s;
	cursor: pointer;
}
.wx-wrap .wxclose:hover {
  transform: rotateZ(90deg);
  transition: transform 0.5s ease 0s;
}
.wx-wrap .wximg {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.wx-wrap .wximg img {
	width: 120px;
	height: 120px;
  margin-bottom: 20px;
}
.wx-wrap .wximg p {
  font-size: 18px;
  color: #333;
}

#share-2{
	width:100%;
	margin: 0 auto;
	text-align: center;
}

.contact-1{
	width: 100%;
	min-height: 250px;
    background: #f4f5f6;
    padding: 60px 0;
	margin: 30px auto 0;
	overflow: hidden;
}
.tact-1-left { width: 600px; height: 220px; float: left; }
.con_h2 { font-size: 18px; color: #323232; padding-bottom: 10px; }
.tact-1-left p{ font-size: 12.5px; color: #777777; }
.con_h4 { font-size: 36px; color: #68b92e; font-family: 'DINCond-Medium',"微软雅黑"; padding-left: 65px; height: 50px; line-height: 50px; margin-top: 30px; background: url("../png/tel-2.png") no-repeat left bottom; letter-spacing: -2px; }
.tact-1-right { width: 580px; float: left; background: #eaeaea; padding: 10px; }
.tact-img-1 { width: 140px; height: 140px; float: left; }
.tact-img-1 img{
	width: 140px; height: 140px;
}
.tact-con-1 { width: 365px; padding-left: 20px; float: left; }
.tact-con-1 h3 { font-size: 18px; color: #0066ab; padding: 20px 0px 10px 0px; }
.tact-con-1 p { font-size: 14px; color: #777777; line-height: 24px;}
.contact-2 { width: 100%; height: 248px; }
.tact-img-2 { width: 401px; height: 248px; float: left; }
.tact-con-2 { width: 719px; height: 210px; padding: 38px 40px 0px 40px; float: left; background: #f4f5f6; }
.about_us{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	background: #f5f5f5;
}

.contact_title{
	width: 100%;
	display: flex;
	justify-content: center;
}
.contact_title h1{
	color: #000;
	font-size: 20px;
	line-height: 32px;
}

.prol-nav{
	border:1px solid #0066ab;
	background: #fff;
}
.prol-nav dt{
	font-size:16px;
	color:#0066ab;
	border-bottom:1px solid #0066ab;
	padding:8px 15px 5px 15px;
	}
.prol-nav dd{
	padding:15px;
	}
.prolist_side > li > a {
    padding-left:0px !important;
}
.prolist_side li a.A {
    color:#0066ab !important;
}
.prolist_side_son li a:hover, .prolist_side_son li a:active, .prolist_side_son li a.A {
    border-left: 1px solid #0066ab !important;
	color:#0066ab !important;
}

.prolist_side,.prolist_side_son{padding:0; margin:0; list-style:none; zoom:1;}
.prolist_side li{position:relative; background:#FFF; zoom:1; overflow:hidden;}
.prolist_side li ul.close{display:none;}
.prolist_side li ul.open{display:block;}
.prolist_side li span.close{display:block; padding:5px 0px 5px 10px; background:url(../gif/plus_minus.gif) no-repeat right 9px; position:absolute; top:0; right:0; cursor:pointer; z-index:99; width:12px; height:12px;}
.prolist_side li span.open{display:block; padding:5px 0px 5px 10px; background:url(../gif/plus_minus.gif) no-repeat right -183px; position:absolute; top:0; right:0; cursor:pointer; z-index:99; width:12px; height:12px;}
.prolist_side li a{display:block; zoom:1; position:relative; padding:5px 0px 5px 10px;color: #999;}
.prolist_side li a.A{color:#FF6600;}.prolist_side_son li a{border-left:1px solid #DDD; padding:5px 0px 5px 7px; background:none;}
.prolist_side_son li a:hover,.prolist_side_son li a:active,.prolist_side_son li a.A{border-left:1px solid #FF6600; background:none;}
.prolist_side_son li a.A{color:#FF6600;}

.side-contact{
	margin-top:30px;
	padding-bottom:50px;
	border:1px solid #0066ab;
	position:relative;
	background: #fff;
	}
.side-contact .title{
	font-size:16px;
	color:#0066ab;
	border-bottom:1px solid #0066ab;
	padding:8px 15px 5px 15px;
	}
.side-contact .con{
	color:#999;
	line-height:28px;
	padding:15px;
	}
.side-contact .con h3{
	font-weight:normal;
	color:#0066ab;
	}
.side-contact .more{
	display:block;
	width:50%;
	height:30px;
	line-height:30px;
	text-align:right;
	color:#fff;
	border-radius:50px 0 0 0;
	padding-right:15px;
	position:absolute;
	right:0px;
	bottom:15px;
	cursor:pointer;
	background-color:#0066ab;
	}
.side-contact .more:hover{
	width:60%;
	color:#fff;
	}