@charset "utf-8";
@import url("../css/common/grid.css");/*网格*/
@import url("../css/common/layout.css");/*整体框架*/
@import url("../css/common/icon.css");/*图标*/
@import url("../css/navi/navi_02.css");/*02导航*/
@import url("../css/banner.css");/*幻灯片*/
@import url("../css/navi/classify_01.css");/*侧栏样式*/
@import url("../css/adorner/01/A_style.css");/*01装饰器*/
@import url("../css/adorner/02/A_style.css");/*02装饰器*/
@import url("../css/links.css");/*友情链接*/
@import url("../css/kefu.css");/*在线客服*/
@import url("../css/common/doc.css");/*自定义文档*/
/*@import url("../css/animate.min.css");*//*动画*/

html {
	overflow-x: hidden;
}

.dowebok .section{ overflow:hidden;}




.header{ width:100%; background:none;/* position:fixed !important;*/margin-top: 50px;}
.header .navbar{ width:100%;}

.header .navbar .pc_menu{ width:100%; height:200px; margin:0 auto; transition: all 0.3s 0s ease-in-out ; background-color:#ddd; background:url(../img/header_bg.jpg) no-repeat;background-position: top right;
 transition: all 0.2s linear -1ms; position:relative;}
 .pc_menu_top{ width:75%; height:135px; margin:0 auto;transition: all 0.2s linear -1ms;}
.header .navbar .pc_menu .pc_logo{ float:left; height:100%;}
.header .navbar .pc_menu .pc_logo a { display:block; height:54%; margin-top:23px;}
.header .navbar .pc_menu .pc_logo a img{ height:100% !important;}

.header .navbar .pc_menu .pc_menu_b{ width:100%; height:65px; background:#f2f2f2;}
.header .navbar .pc_menu .pc_menu_right{ width:75%; margin:0 auto;}
.header .navbar .pc_menu .pc_menu_right .m{ float:left; margin-left:20px; margin-right:20px;}
.header .navbar .pc_menu .pc_menu_right .m .t{ height:65px; display:block; font-size:16px; color:#666; line-height: 65px; box-sizing: border-box;}
.header .navbar .pc_menu .pc_menu_right .m .t p{ line-height: 65px; padding:0 10px 0 10px;text-transform: uppercase;}
.header .navbar .pc_menu .pc_menu_right .m:hover .t p{ color:#e51f1c !important;}
.header .navbar .pc_menu .pc_menu_right .cur .t{ border-bottom:3px solid #e51f1c;}



/*-----滚动后--------*/
.header .navbar .pc_fixed{ transition: all 0.2s linear -1ms;}
.header .navbar .pc_fixed .pc_menu_right li .t{}




.nav .m .sub{ z-index:999;}
.nav .m .sub li{ width:100%; margin:0;}
.pc_menu_right .sub {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.navbar .pc_menu .nav .m .sub li a{ font-size:14px; height:40px; line-height:40px; color:#666; border:none; margin-left:0px; margin-right:0px;}
.navbar .pc_menu .nav .m .sub li a:hover{ background:#e51f1c; color:#fff; border:none;}


.m_menu{ display:none; position:relative; z-index:999;}
.m_menu_top{ width:100%; height:80px; box-shadow:rgba(0,0,0,0.06) 0px 5px 6px; z-index:998; position:fixed;  background: url(../img/header_bg.jpg) no-repeat; background-size:cover;}
.m_menu_top .m_logo{ height:50px; margin-top:15px;  position: absolute; left:2%;}
.m_menu_top .m_logo img{ height:100%;}
.m_menu_top .list{height: 24px; margin: auto; position: absolute; top: 0; bottom: 0; right: 5%;transition: all 0.2s linear -1ms;}
.m_menu_top .list span{ display:block; width:24px; height:4px; border-radius:2px; background:#fff; margin:3px auto;}

.m_menu_list{ position:relative; width: 30%; height: 100%; position: fixed;top: 0;right:-88%;background: #fff;z-index: 10; transition: all 0.5s cubic-bezier(0.73, 0.03, 0.04, 0.94) -1ms;}
.m_menu_list .menu_list_close{ position:absolute;  right: 15%; top:30px; z-index:20;}
.m_menu_list .menu_list_close img{ width:24px; height:24px;}

.m_menu_list .m_menu_nav{ margin-top:20%; margin-left:15%;}
.m_menu_list .m_menu_nav li{ margin-top:14px; margin-bottom:14px;}
.m_menu_list .m_menu_nav li a{ font-size:22px; color:#666;}
.m_menu_box{ display:none;width: 100%; height: 100%; position: fixed; top: 0; right: 0; background-color:rgba(0,162,233,0.2);}
.m_open_list{ right:0;  transition: all 0.5s cubic-bezier(0.73, 0.03, 0.04, 0.94) -1ms; box-shadow:0 0px 10px 0px  #888;    z-index: 9999;}
.m_menu_list .m_menu_nav li a:hover{ color:#e51f1c;}
/*----------------------------*/
.header .navbar .pc_menu .info{ float:right; text-align:right; margin-top:39px; margin-right:70px;}
.header .navbar .pc_menu .info span{ font-size:14px; color:#fff; background:url(../img/icon_tel.png) left no-repeat; padding-left:20px;text-shadow: 0px 0px 2px rgba(0,0,0,0.8);}
.header .navbar .pc_menu .info p{ font-size:36px; font-family:Impact; color:#fff; line-height:36px;text-shadow: 0px 0px 2px rgba(0,0,0,0.8);}


.pc_menu_top .search_box{ float:right; color:#fff; margin-top:28px;}
.pc_menu_top .search_box a{ color:#fff;}
.pc_menu_top .search_box .language{ text-align:right; line-height:24px; margin-bottom:4px;}
.pc_menu_top .search_box .search{ width:340px;}
.pc_menu_top .search_box .search .input{ width:260px; height:40px; background:#fff; display:block; float:left; outline:none;}
.pc_menu_top .search_box .search .submit{ display:block; float:left; width:80px; height:40px; background:#e51f1c; border:4px solid #fff; box-sizing:border-box; line-height:32px; text-align:center; }
.pc_menu_top .search_box .search .submit:hover{ background:#df4231;}


.part_one{ margin-top:0px;}
.banner .two{ display:none;}


/*------------*/

.in_title{ display:block; text-align:left; width:1160px; margin:0 auto 30px auto;}
.in_title .txt{ float:left;}
.in_title h3{ font-size:14px;  line-height:24px; font-weight:bold; color:#e51f1c; font-weight:normal;}
.in_title p{ font-size:40px; font-family:impact; line-height:40px; color:#e51f1c; letter-spacing:6px;}
.in_title .btn{ float:right; margin-top:2px;}
.in_title .btn a{ display:inline-block; width:180px; height:60px; text-align:center; line-height:60px; background:#e51f1c; color:#fff;}
.in_title .btn a:hover{ background:#df4231;}




.part02{ width:1280px; margin:100px auto 0 auto;}
.part02 .view{ width:100%; padding-bottom:37.5%; position:relative;}
.part02 .view .img{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000;}
.part02 .view .img img{ width:100%; height:100%;transition: all 0.5s cubic-bezier(0.7, -0.01, 0.3, 0.7) -1ms;}
.part02 .view .img .btn{ width:100px; height:100px; position:absolute; background:url(../img/play_btn.png) no-repeat; top:50%; left:50%; margin:-50px 0 0 -50px; opacity:0.5;
	transition: all 0.5s cubic-bezier(0.7, -0.01, 0.3, 0.7) -1ms;}
.part02 .view .img:hover img{ opacity:0.5;transition: all 0.5s cubic-bezier(0.7, -0.01, 0.3, 0.7) -1ms;}
.part02 .view .img:hover .btn{ opacity:1;transition: all 0.5s cubic-bezier(0.7, -0.01, 0.3, 0.7) -1ms;}
.part02 .txt{ position:relative;}
.part02 .text{ width:1160px; margin:0 auto;}
.part02 .text p{ text-align:left; color:#666; line-height:30px;}
.part02 .in_title{ margin-top:-44px;}
.part02 .in_title .txt{ width:auto;}
.part02 .in_title .btn{ margin-top: 12px;}


.part03{ width:100%; margin:110px auto 0 auto;}
.part03 .in_title{ margin-bottom:20px;}
/*
#style-demo { width:100%;}
#style-demo .owl-wrapper-outer{padding: 10px 0 30px 0;}
#style-demo .item{ margin-left:2%; margin-right:2%; width:96%; padding-bottom:66.6%; position:relative; border-radius:10px;transition: all 0.5s linear -1ms;}
#style-demo .item a{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; }
#style-demo .item a img{ width:100%; height:100%;
	webkit-transition: all 0.5s linear -1ms;
	-moz-transition: all 0.5s linear -1ms;
	-ms-transition: all 0.5s linear -1ms;
	-o-transition: all 0.5s linear -1ms;
	transition: all 0.5s linear -1ms;}
#style-demo .item:hover{
	webkit-transition: all 0.5s linear -1ms;
	-moz-transition: all 0.5s linear -1ms;
	-ms-transition: all 0.5s linear -1ms;
	-o-transition: all 0.5s linear -1ms;
	transition: all 0.5s linear -1ms;
		transform: scale(1.03);
	-ms-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-webkit-transform: scale(1.03);
	-o-transform: scale(1.03);
	box-shadow:0px 8px 30px rgba(0,0,0,0.15);}

*/

/*-------part03 END----------*/

.part04{ width:1320px; margin:100px auto 0 auto;}
.part04 .list{ width:1320px; height:auto;}
.part04 .list li{ float:left; width:30.33%; margin-left:1.5%; margin-right:1.5%; margin-bottom:30px;}
.part04 .list li .img{ width:100%; padding-bottom:66.6%; position:relative;}
.part04 .list li .img .con{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000; overflow:hidden;}
.part04 .list li .img .con img{ width:100%; height:100%;
	webkit-transition: all 0.5s linear -1ms;
	-moz-transition: all 0.5s linear -1ms;
	-ms-transition: all 0.5s linear -1ms;
	-o-transition: all 0.5s linear -1ms;
	transition: all 0.5s linear -1ms;}
.part04 .list li .img .more{ color:#fff;  position: absolute;left: 0; bottom: 10px;width: 100%;display: block;text-align: center;  line-height: 30px; opacity:0;
	webkit-transition: all 0.5s linear -1ms;
	-moz-transition: all 0.5s linear -1ms;
	-ms-transition: all 0.5s linear -1ms;
	-o-transition: all 0.5s linear -1ms;
	transition: all 0.5s linear -1ms;}
.part04 .list li .img .more::before{ margin:0 auto;content: '';width:0;height:0px;border-width:7px;border-style:solid;border-color:transparent transparent #fff;/*透明 透明  灰*/display: block;}
.part04 .list li .tit{ display:block; font-size:16px; line-height:40px; text-align:center; margin-top:18px;}
.part04 .list li .tit::before{margin:0 auto;content: ''; width:40px; height:2px; background:#999; display:block; margin:0 auto;transition: all 0.5s linear -1ms;}
.part04 .list li:hover .img .con img{ opacity:0.6;
	webkit-transition: all 0.5s linear -1ms;
	-moz-transition: all 0.5s linear -1ms;
	-ms-transition: all 0.5s linear -1ms;
	-o-transition: all 0.5s linear -1ms;
	transition: all 0.5s linear -1ms;}
.part04 .list li:hover .img .more{ opacity:1;
	webkit-transition: all 0.5s linear -1ms;
	-moz-transition: all 0.5s linear -1ms;
	-ms-transition: all 0.5s linear -1ms;
	-o-transition: all 0.5s linear -1ms;
	transition: all 0.5s linear -1ms;}

.part04 .list li:hover .tit{ color:#e51f1c;}
.part04 .list li:hover .tit::before{ background:#e51f1c; transition: all 0.5s linear -1ms;}




.part05{ width:100%; margin:110px auto 0 auto; background:url(../img/cases_bg.jpg) no-repeat; background-size:cover; padding:100px 0 100px 0;}
#cases-demo{ width:1320px; margin:0 auto; }
#cases-demo .owl-wrapper-outer{padding: 10px 0 30px 0;}
#cases-demo .item{ margin-left:20px; margin-right:20px;transition: all 0.5s linear -1ms;}
#cases-demo .item .img{ width:100%; padding-bottom:66.66%; position:relative;}
#cases-demo .item .img a{ display:block; width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden;}
#cases-demo .item .img a img{ display:block; width:100%; height:100%;
	webkit-transition: all 0.5s linear -1ms;
	-moz-transition: all 0.5s linear -1ms;
	-ms-transition: all 0.5s linear -1ms;
	-o-transition: all 0.5s linear -1ms;
	transition: all 0.5s linear -1ms;}
#cases-demo .item .tit{ width:100%; height:60px; line-height:60px; background:#fff; text-align:center; display:block; font-size:16px;text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}

.part05 .in_title{ margin-bottom:20px;}
#cases-demo .item:hover{ box-shadow:0px 8px 28px rgba(0,0,0,0.15);transition: all 0.5s linear -1ms;}
#cases-demo .item:hover .img a img{
	webkit-transition: all 0.5s linear -1ms;
	-moz-transition: all 0.5s linear -1ms;
	-ms-transition: all 0.5s linear -1ms;
	-o-transition: all 0.5s linear -1ms;
	transition: all 0.5s linear -1ms;
		transform: scale(1.07);
	-ms-transform: scale(1.07);
	-moz-transform: scale(1.07);
	-webkit-transform: scale(1.07);
	-o-transform: scale(1.07);}

#cases-demo .item:hover .tit{ color:#e51f1c;}
#cases-demo .owl-controls .owl-buttons div{ background:rgba(0,0,0,0.2); border-radius:0px;}
#cases-demo .owl-controls .owl-buttons .owl-prev{padding: 7px 13px; font-size:22px; font-family:arial; position:absolute; top:34%; left:40px; margin:0; }
#cases-demo .owl-controls .owl-buttons .owl-next{padding: 7px 13px; font-size:22px; font-family:arial; position:absolute; top:34%; right:40px; margin:0;}
#cases-demo .owl-controls .owl-buttons div:hover{ background:rgba(0,0,0,0.5);}
#cases-demo .owl-controls .owl-pagination span{ width:8px; height:8px; background:rgba(0,0,0,0.4);}
#cases-demo .owl-controls .owl-pagination .active span{ background:#e51f1c;}




.part06{ width:1280px; margin:110px auto 0 auto;}
.part06 .left{ float:left; width:47%; height:auto; background:#f4f4f4; text-align:left; padding-top:30px; padding-bottom:35px;}
.part06 .left .date{ display:block; width:76%; margin:5px auto 25px auto; font-size:22px; color:#999;}
.part06 .left .img{ width:76%; margin:0 auto;}
.part06 .left .img a{ display:block; width:100%;padding-bottom:66.6%; position:relative; overflow:hidden;}
.part06 .left .img a img{ position:absolute; top:0; left:0; width:100%; height:100%;
	webkit-transition: all 0.5s linear -1ms;
	-moz-transition: all 0.5s linear -1ms;
	-ms-transition: all 0.5s linear -1ms;
	-o-transition: all 0.5s linear -1ms;
	transition: all 0.5s linear -1ms;}
.part06 .left .tit{ display:block; width:76%; margin:18px auto 16px auto; font-size:16px;}
.part06 .left .txt{ display:block; width:76%; margin:0 auto; font-size:14px; color:#666; line-height:30px;}
.part06 .left:hover img{
	webkit-transition: all 0.5s linear -1ms;
	-moz-transition: all 0.5s linear -1ms;
	-ms-transition: all 0.5s linear -1ms;
	-o-transition: all 0.5s linear -1ms;
	transition: all 0.5s linear -1ms;
		transform: scale(1.07);
	-ms-transform: scale(1.07);
	-moz-transform: scale(1.07);
	-webkit-transform: scale(1.07);
	-o-transform: scale(1.07);}
.part06 .left:hover .tit{ color:#e51f1c;}

.part06 .list{ width:47.6%; float:right;}
.part06 .list li{ width:100%; border-top:1px solid #ddd; box-sizing:border-box;padding-bottom: 40px;
	webkit-transition: all 0.5s linear -1ms;
	-moz-transition: all 0.5s linear -1ms;
	-ms-transition: all 0.5s linear -1ms;
	-o-transition: all 0.5s linear -1ms;
	transition: all 0.5s linear -1ms;}
.part06 .list li .title{ width:91%; margin:30px auto 20px auto;}
.part06 .list li .title a{ display:block; float:left; text-align:left; font-size:16px; line-height:30px;}
.part06 .list li .title .date{ display:block; float:right; color:#999; font-size:22px; line-height:30px; position:relative;}
.part06 .list li .title .date::after{ content: '→'; color:#999; display:block; position:absolute;right: 0;top: 47px;font-size: 30px;}
.part06 .list li .txt{ display:block; color:#777; text-align:left; width: 80%; line-height:28px; margin-left:4.5%;}
.part06 .list li:hover{ box-shadow:0px 10px 30px rgba(0,0,0,0.1);
	webkit-transition: all 0.5s linear -1ms;
	-moz-transition: all 0.5s linear -1ms;
	-ms-transition: all 0.5s linear -1ms;
	-o-transition: all 0.5s linear -1ms;
	transition: all 0.5s linear -1ms;}
.part06 .list li:hover .title a{ color:#e51f1c;}

.part07{ width:100%; margin-top:110px; height:auto; background:url(../img/part07_bg.jpg) no-repeat; background-size:cover;}
.part07 ul{ width:1280px; margin:0 auto; padding:50px 0 50px 0;}
.part07 ul li{ width:25%; float:left; text-align:left;}
.part07 ul li .counter{ font-size:60px; font-weight:900; color:#e51f1c;vertical-align: top; line-height:66px;}
.part07 ul li .words{color:#e51f1c;}
.part07 ul li p{ font-size:16px; color:#666; line-height:40px;}


.footer{ width:100%; margin:0px auto 0 auto; padding-top:80px; padding-bottom:50px; background:url(../img/footer_bg.jpg) no-repeat; background-size:cover; }
.footer_content{ width:1280px; margin:0 auto; text-align:left;}
.footer_content .left{ float:left; width:70%; margin-bottom:70px;}
.footer_content .left ul{ float:left; width:auto; margin-right:3%;}

.footer_content .left ul a{ color:#fff;}
.footer_content .left ul .tit{ display:block; font-size:16px; margin-bottom:20px;border-bottom: 1px solid #fff;
    line-height: 40px;}
.footer_content .left ul li{ margin:16px 0;}
.footer_content .left ul li a{ display:block; color:#ddd; line-height: 20px;}

.footer_content .left p{ font-size:14px; color:#666; line-height:26px;}
.footer_content .left span{ display:block; margin-top:10px;}
.footer_content .left span p{font-size:14px; color:#666; line-height:16px;}
.footer_content .left span h3{font-size:36px; color:#41C0AF; font-family:impact;}

.footer_content .right{ float:left; width:auto; margin-left: 3%; margin-bottom:70px;}
.footer_content .right .info{ width:100%;}
.footer_content .right .info a{ display:block; font-size:16px; color:#fff; margin-bottom:20px;    border-bottom: 1px solid #fff;line-height: 40px;}
.footer_content .right .info .txt{ display:block; float:left; color:#ddd; line-height:36px;}
.footer_content .right .info .qr{    display: flex;}
.footer_content .right .info .qr img{ display:inline-block; width:120px; height:120px;  margin-right: 10px;}
.footer_content .right .info .qr span{ display:block; text-align:center; color:#fff; line-height:30px;}
.footer_content .links{ width:100%; margin-bottom:30px;}
.footer_content .links span{ color:#fff;}
.footer_content .links a{ padding:0 20px; color:#fff;}
.footer_content .copy{ height:auto;}
.footer_content .copy p{ font-size:12px; text-align:left; color:#ddd; display:inline-block;}
.footer_content .copy p a{ color:#ddd;}
.footer_content .copy p a:hover{ text-decoration:underline;}

/*----------------------------------------------------------------*/

.page_banner{ height:auto; overflow: hidden; position: relative; width:100%;}


.inner_top{ width:100%; height:auto; margin-top:30px;}
.inner_top .content{ width:82%; margin:0 auto; text-align:center;}
.inner_top .content li{ display:inline-block; text-align:center; margin:0 15px 20px 15px;}
.inner_top .content li a{ display:block; font-size:14px; color:#666; line-height:30px; padding:0 15px 0 15px;}
.inner_top .content .cur a{color:#fff; background:#e51f1c; }
.inner_top .content li a:hover{ color:#fff; background:#e51f1c;}

.inner_main{ background:#fff; width:1280px; margin:0 auto 60px auto;}
.text_main .title{ float:left;}
.text_main .title h3{ font-size:24px; color:#e51f1c;}
.text_main .title span{ color:#666; line-height:34px;}
.text_main .profile{ display:block; float:right; width:55%;}
.text_main .profile p{ color:#666; line-height:34px;}
.text_main .text{ padding:40px 0; }
.text_main .text01{ border-bottom:1px solid #eee;}
.text_main .text p{ color:#666; line-height:34px;}
.text_main .icon_list{ width:100%;}
.text_main .icon_list li{ text-align:center; float:left; width:25%;}
.text_main .icon_list li p{ color:#333; font-size:18px;}
.text_main .icon_list li img{ display:block; width:90px; height:auto; margin:20px auto;}
.text_main .icon_list li span{ display:block; color:#666; line-height:30px;}
@media (max-width:550px) {
    .text_main .icon_list li p{
        font-size: 12px;
    }
.text_main .icon_list li img {
    width: 90%;
}
.text_main .icon_list li span {
    line-height: 20px;
    font-size: 12px;
    padding: 0 5px;
}
}


/*-------------------------------------------*/
.honor_list{ width:78%; margin:0 auto 0 auto;} 
.honor_list li{ float:left;  width:31.33%; margin-left:1%; margin-right:1%; margin-bottom:2%; 
	webkit-transition: all 0.3s linear -1ms;
	-moz-transition: all 0.3s linear -1ms;
	-ms-transition: all 0.3s linear -1ms;
	-o-transition: all 0.3s linear -1ms;
	transition: all 0.3s linear -1ms;}
.honor_list li .img{ width:100%; padding-bottom:66.66%; position:relative;background:#f4f4f4;
	webkit-transition: all 0.3s linear -1ms;
	-moz-transition: all 0.3s linear -1ms;
	-ms-transition: all 0.3s linear -1ms;
	-o-transition: all 0.3s linear -1ms;
	transition: all 0.3s linear -1ms;}
.honor_list li .img a{ display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
.honor_list li .img a img{ display:block; height:100%; margin:0 auto; max-width:100%;}
.honor_list li .img .more{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6);opacity: 0;transition: all 0.4s linear -1ms;}
.honor_list li .img .more img{ width:40px; height:40px; margin-top:29%;}

.honor_list li:hover .more{opacity: 1;transition: all 0.4s linear -1ms;}
	
	
	
	
	
/*-------------------products------------------------*/
.pro_list{ width:1440px; margin:0 auto 0px auto;}
.pro_list ul{ width:100%;}
.pro_list ul li{ float:left; width:30.33%; margin:0 1.5% 3% 1.5%; position:relative;}
.pro_list ul li .img{ width:100%; height:auto; padding-bottom:66.66%; position:relative;}
.pro_list ul li .img a{ display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
.pro_list ul li .img a img{ width:100%; height:100%;}
.pro_list ul li .hover{ position:absolute;  width:100%; padding-bottom:66.66%; background:rgba(0,0,0,0.5); top:0; left:0; opacity:0;transition: all 0.5s linear -1ms;}
.pro_list ul li .hover .more{ position:absolute; width:32%; height:66%; background:#e51f1c; top:17%; left:16.5%;}
.pro_list ul li .hover .buy{ position:absolute; width:32%; height:66%; background:#df4231; top:17%; right:16.5%;}
.pro_list ul li .hover .btn img{ display:block; width:25%; height:auto; margin:35% auto 35% auto; transition: all 0.2s linear -1ms;}
.pro_list ul li .hover .btn p{ color:#fff; text-align:center;}
.pro_list ul li .tit{ display:block; font-size:16px; text-align:center;}
.pro_list ul li .tit::before{margin: 0 auto;content: '';width: 40px;height: 2px; background: #999;display: block;margin: 20px auto 14px auto;transition: all 0.5s linear -1ms;}
.pro_list ul li:hover .hover{ opacity:1;transition: all 0.5s linear -1ms;}
.pro_list ul li .hover .btn:hover img{ margin:42% auto 20% auto;transition: all 0.2s linear -1ms;}
.pro_list ul li:hover .tit{ color:#e51f1c;}
.pro_list ul li:hover .tit::before{ background:#e51f1c;}


.pro_detail{ width:1280px; margin:0 auto;}
#detail-demo{ width:50%; float:left;}
#detail-demo .item{ width:100%; padding-bottom:66.66%; position:relative;}
#detail-demo .item img{ display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
.pro_detail .right_info{ float:left; margin-left:5%; width:45%;}
.pro_detail .right_info h3{ font-size:22px; color:#e51f1c; margin:5% 0 5% 0;}
.pro_detail .right_info .txt{ display:block; color:#666; line-height:32px; margin-bottom:5%;}
.pro_detail .right_info .buy_btn{ display:block; width:150px; height:50px; color:#fff; line-height:50px; text-align:center; background:#e51f1c;}
.pro_detail .right_info .buy_btn:hover{ background:#df4231;}
.ctrl_page{ width:1280px; margin:0 auto 40px auto;}
.ctrl_page p{ color:#666;}
.ctrl_page p a{color:#666;}
.ctrl_page p a:hover{ color:#e51f1c;}
.pro_detail .detail{ width:1280px; margin:0 auto 100px auto;}
.pro_detail .detail .title {
    width: 100%;
    line-height: 40px;
    height: 40px;
    border-bottom: 2px solid #ddd;
    margin-bottom: 30px;}
	
.pro_detail .detail .title span {
    font-size: 22px;
    font-weight: normal;
    display: inline-block;
    color: #e51f1c;
    border-bottom: 2px solid #e51f1c;
    padding-left: 10px;
    padding-right: 10px;}

.news_top{ width:1280px; margin:0 auto; background:#f6f6f6;}
.news_top .img{ width:40%; float:left; margin:30px;}
.news_top .txt{ width:50%; float:left; margin-top:9%;}
.news_top .img a{ display:block; width:100%; padding-bottom:66.66%; position:relative; overflow:hidden;}
.news_top .img a img{ display:block; width:100%; height:100%; position:absolute; top:0; left:0;
	webkit-transition: all 0.5s linear -1ms;
	-moz-transition: all 0.5s linear -1ms;
	-ms-transition: all 0.5s linear -1ms;
	-o-transition: all 0.5s linear -1ms;
	transition: all 0.5s linear -1ms;}
.news_top .txt p{ font-size:22px; color:#aaa; margin-left:10%;}
.news_top .txt a{ display:block; font-size:22px; color:#333; margin-left:10%; margin-top:4%; margin-bottom:4%;}
.news_top .txt a::after{content: '';width: 40px;height: 2px;background: #999;display: block;transition: all 0.5s linear -1ms; margin-top:20px;}

.news_top .txt span{ display:block; font-size:14px; color:#666; line-height:25px; margin-left:10%; margin-right:10%;}
.news_top:hover .img a img{
	webkit-transition: all 0.5s linear -1ms;
	-moz-transition: all 0.5s linear -1ms;
	-ms-transition: all 0.5s linear -1ms;
	-o-transition: all 0.5s linear -1ms;
	transition: all 0.5s linear -1ms;
		transform: scale(1.07);
	-ms-transform: scale(1.07);
	-moz-transform: scale(1.07);
	-webkit-transform: scale(1.07);
	-o-transform: scale(1.07);}
.news_top:hover .txt a{ color:#e51f1c;}
.news_top:hover .txt a::after{background:#e51f1c;}

.news_list{ width:1318px; margin:50px auto 0 auto;}
.news_list li{ float:left; width:30.33%; margin-left:1.5%; margin-right:1.5%; margin-bottom:3%; position:relative; }
.news_list li .img{ width:100%; height:auto; padding-bottom:66.66%; position:relative;}
.news_list li .img a{ display:block; position:absolute; width:100%; height:100%; top:0; left:0;}
.news_list li .img a img{width:100%; height:100%;}
.news_list li .txt{ display:block; width:100%; position:absolute; top:0; height:100%; background:rgba(244,244,244,1); padding:12% 8% 0 8%; box-sizing:border-box;transition: all 0.5s linear -1ms;}
.news_list li .txt p{ font-size:20px; color:#aaa;}
.news_list li .txt a{ display:block; font-size:16px; margin:6% 0 6% 0;}
.news_list li .txt span{ display:block; color:#777; line-height:30px;}
.news_list li .more{ display:block; width:100%; position:absolute; top:0; height:100%;}
.news_list li:hover .txt{ background:rgba(0,0,0,0.5);transition: all 0.5s linear -1ms;}
.news_list li:hover .txt p{ color:#eee;transition: all 0.5s linear -1ms;}
.news_list li:hover .txt a{ color:#fff; margin-bottom:8%;transition: all 0.5s linear -1ms;}
.news_list li:hover .txt span{ color:#eee;transition: all 0.5s linear -1ms;}

.inner_share{ width:1280px;    height: 27px; margin:0 auto 20px auto;}
.inner_share #bdshare{ width:100%;}

.case_list{ width:1280px; margin:0 auto;}
.case_list ul{ width:100%;}
.case_list ul li{ float:left; width:30.33%; margin-left:1.5%; margin-right:1.5%; margin-bottom:2%;transition: all 0.5s linear -1ms;}
.case_list ul li .img{ width:100%; padding-bottom:66.66%; position:relative;}
.case_list ul li .img a{ display:block; width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden;}
.case_list ul li .img a img{width:100%; height:100%;transition: all 0.5s linear -1ms;} 
.case_list ul li .tit{ display:block; width:100%; height:60px; line-height:60px; font-size:16px; text-align:center;} 
.case_list ul li:hover .img a img{
	webkit-transition: all 0.5s linear -1ms;
	-moz-transition: all 0.5s linear -1ms;
	-ms-transition: all 0.5s linear -1ms;
	-o-transition: all 0.5s linear -1ms;
	transition: all 0.5s linear -1ms;
		transform: scale(1.07);
	-ms-transform: scale(1.07);
	-moz-transform: scale(1.07);
	-webkit-transform: scale(1.07);
	-o-transform: scale(1.07);}
.case_list ul li:hover{ box-shadow:0px 8px 30px rgba(0,0,0,0.1);transition: all 0.5s linear -1ms;}	
.case_list ul li:hover .tit{ color:#e51f1c;}	

.hire_list{ width:1280px; margin:0 auto;}
.hire_list .title{ margin-left:2%; margin-bottom:30px;}
.hire_list .title h3{ font-size:60px; color:#e51f1c;}
.hire_list .title p{ font-size:22px;}
.hire_list ul{ width:100%;}
.hire_list ul li{ float:left; width:46%; margin:0 2% 3%2%; background:#f6f6f6; padding:3% 4%; box-sizing:border-box;transition: all 0.5s linear -1ms;}
.hire_list ul li .tit{ display:block; color:#e51f1c; font-size:20px; font-weight:600;}
.hire_list ul li .info{ margin:4.5% 0;}
.hire_list ul li .info p{ display:inline-block; width:48%; color:#666; line-height:30px;height: 30px; overflow:hidden;}
.hire_list ul li .info span{}
.hire_list ul li .mail{ display:block; width:130px; height:40px; background:#df4231; color:#fff; line-height:40px; display:inline-block; margin-right:10px; text-align:center;}
.hire_list ul li .more{ display:block; width:130px; height:40px; border:1px solid #e51f1c; box-sizing:border-box;line-height:38px; color:#e51f1c;display:inline-block; text-align:center;}
.hire_list ul li:hover{ background:#fff; box-shadow:0px 8px 30px rgba(0,0,0,0.1);transition: all 0.5s linear -1ms;}
.hire_list ul li .mail:hover{ background:#e51f1c;}
.hire_list ul li .more:hover{ background:#e51f1c; color:#fff;}

.hire_title{ width:1280px; margin:0 auto; border-bottom:1px solid #ddd;}
.hire_title h1{ font-size:22px; text-align:left; color:#e51f1c; line-height:50px;}


.down_list{ width:1280px; margin:0 auto;}
.down_list ul{ width:100%;}
.down_list ul li{ width:100%; border-bottom:2px solid #ccc; margin-bottom:36px; padding:0 30px; box-sizing:border-box; position:relative;}
.down_list ul li .title{ float:left; margin-bottom:16px;}
.down_list ul li .title h3{ font-size:22px; font-weight:normal; line-height:40px;transition: all 0.5s linear -1ms;}
.down_list ul li .title p{ font-size:14px; color:#666; line-height:30px;}
.down_list ul li .btn{ display:block; float:right; width:140px; height:50px; background:#df4231; color:#fff; line-height:50px; text-align:center; margin-bottom:16px; margin-top:10px;}
.down_list ul li:hover .title h3{ color:#e51f1c;transition: all 0.5s linear -1ms;}
.down_list ul li:hover .btn{ background:#e51f1c;}
.down_list ul li::after{content: '';width: 1%;height: 2px;background: #ccc; position:absolute; left:0; bottom:-2px; display: block; transition: all 0.4s ease-in-out -1ms;}
.down_list ul li:hover::after{ background:#e51f1c; width:100%;}


.faq_title{ width:68%; margin:0 auto 24px auto;}
.faq_title a{ color:#34b4e9;}

.faq_main{ width:68%; margin:0 auto;}
.sideMen h3{ background:#f6f6f6; font-size:16px; font-weight:normal;padding: 1.5%; margin-top:20px;}
.sideMen h3 span{ font-size:16px; color:#34b4e9;}
.sideMen_cont{ padding:1% 1.5%;font-size:16px; font-weight:normal;line-height: 24px; color:#666;}
.sideMen_cont span{ display:block; color:#d31111; }




.in_contact{ width:100%; margin:0 auto ;}
.in_contact .con_main{ width:1120px; margin:0 auto 100px auto; position:relative;}
.in_contact .con_main .info{ background:url(../img/contact_bg.jpg) no-repeat; background-size:cover; width:48%; padding:5% 7%; box-sizing:border-box; position:absolute; top:0; left:0;}
.in_contact .con_main .info .txt{ display:block;  margin:10% 0;}
.in_contact .con_main .info .txt p{ color:#fff; line-height:36px;}
.in_contact .con_main .info .logo{ width:80%; height:auto;}
.in_contact .con_main .info .qr{}
.in_contact .con_main .info .qr img{display:block;}
.in_contact .con_main .info .qr p{ color:#fff;}

.in_contact .messages{ float:right; width:58%; background:#f6f6f6; padding:40px 0 46px 0; margin-top:100px;}
.in_contact .messages h2{ margin-left:21%; font-size:24px; color:#e51f1c;}
.messages .area{ width:64%; margin-left:21%; margin-top:30px;}
.messages .area li{ height:50px; margin-bottom:20px;}
.messages .area li input{ font-size:14px; line-height:20px; height:50px; width:100%; background:none; border:none; border-bottom:2px solid #ccc; outline:none; color:#666; text-indent:2px;}
.messages .area .name{ width:100%;}
.messages .area .tel{  width:100%;}
.messages .area li .textarea{ font-size:14px; padding:0px; height:180px; width:100%; background:#fff; border:none; outline:none; color:#666; resize:none; padding:1% 2%;}
.messages .area .textarea { border:none;}
.messages .area .submit{ border:none;}
.messages .area li .submit{ display:block; font-size:14px; width:160px; height:50px; color:#fff; background:#df4231; line-height:50px;text-align:center; margin-top:20px;}
.messages .area li .submit:hover{ background:#e51f1c;}


.in_contact .con_map{ margin:0 auto 120px auto; width:68%; padding-bottom:30%; position:relative;}
.in_contact .con_map .map{ position:absolute; top:0px; left:0px; width:100%; height:100%;}





@media (max-width: 1600px){
	
	.header .navbar .pc_menu .info p{ font-size:28px;}
	.pc_menu_top{ width:90%;}
	.header .navbar .pc_menu .pc_menu_right{ width:90%;}
	
	
	.news_list{ width:82%;}
	.news_top{ width:82%;}
	.inner_top .content{ width:82%;}
	
	.honor_list{ width:90%;}
	.case_list{ width:90%;}
	.pro_list{ width:94%;}
	
	
	
}


@media (max-width: 1440px){
	
	
	
	
	.in_title{ width:94%;}
	.part02{ width:94%;}
	.part02 .text{ width:94%;}
	
	
	.part04{ width:96%;}
	.part04 .list{ width:100%;}
	#cases-demo{ width:100%;}
	.part06{ width:94%;}	
	.part07 ul{ width:94%;}
	.footer_content{ width:94%;}
	
	.inner_main{ width:90%;}
	
	.honor_list{ width:90%;}
	.news_top{ width:90%;}
	.news_list{ width:92%;}
	.news_top .txt{ width:54%; margin-top:5%;}
	.news_top .txt p{ margin-left:5%;}
	.news_top .txt a{ margin-left:5%;}
	.news_top .txt span{ margin-left:5%;}
	.case_list{ width:96%;}
	.ctrl{ width:90%; margin:0 auto;}
	.ctrl .inner_share{ width:100%;}
	.ctrl .ctrl_page{ width:100%;}
	.pro_detail{ width:90%;}
	.ctrl_page{ width:100%;}
	.pro_detail .detail{ width:100%;}
	.case_list{ width:98%;}
	.hire_list{ width:90%;}
	.hire_title{ width:90%;}
	.in_contact .con_map{ width:82%;}
	.down_list{ width:90%;}
}




@media (max-width: 1199px){
	
	.m_menu{ display:block;}
	.navbar{ display:none;}
	.part_one{ margin-top:80px;}
	.banner .one{ display:none;}
	.banner .two{ display:block;}
	.page_banner{ margin-top:80px;}
	
	.part02 { width:96%; margin: 40px auto 40px auto;}
	.part03{ margin:60px auto 0 auto;}
	.part04{ margin:60px auto 0 auto;}
	.part05{ margin:60px auto 0 auto; padding:40px 0 40px 0;}
	.part06{ width:96%; margin:60px auto 0 auto;}
	#cases-demo .item{ margin-left:10px; margin-right:10px;}
	
	.part06 .left{ width:80%; margin-bottom:30px;}
	.part06 .list{ width:100%;}
	.part07 ul{ width:96%;}
	.part07 ul li .counter{ font-size:40px; line-height:40px;}
	.part07 ul li p{ font-size:14px;}
	
	.footer_content{ width:96%;}
	.inner_main{ width:96%;}
	
	.honor_list{ width:96%;}
	.news_top{ width:96%;}
	.news_top .txt{ width:48%; margin-top:5%;}
	.news_top .txt p{ margin-left:3%; font-size:18px;}
	.news_top .txt a{ margin-left:3%; font-size:18px;}
	.news_top .txt span{ margin-left:3%; line-height:22px; height:66px; overflow:hidden;}
	.news_list{ width:98%;}
	.news_list li .txt{ padding:8% 5% 0 5%;}
	.news_list li .txt span{ line-height:22px; height:44px; overflow:hidden;}
	.ctrl{ width:96%; }
	
	.pro_list{ width:98%;}
	.pro_detail{ width:96%;}
	.pro_detail .right_info h3{ margin:3% 0 2% 0;}
	.pro_detail .right_info .buy_btn{ height:40px; line-height:40px;}
	.hire_list{ width:96%;}
	.hire_title{ width:96%;}
	.in_contact .con_main{ width:96%;}
	.in_contact .con_map{ width:96%; padding-bottom:66.6%;}
	.down_list{ width:96%;}
}


@media (max-width: 992px){
	
	.part02 .in_title{ margin-top:20px; width:100%;}
	.in_title{width: 96%; margin: 0 auto 20px auto;}
	.in_title p{ letter-spacing: 0px;font-size: 32px;}
	.in_title .btn{margin-top: 10px;}
	.in_title .btn a{ height:46px; line-height:46px; width:130px;}
	.part02 .text{ width:100%;}	
	.part04 .list li{    width: 46%;margin-left: 2%;margin-right: 2%; margin-bottom:24px;}
	.part06 .left{ width:100%; padding-top:20px; padding-bottom:20px;}
	.part06 .left .date{ width:90%;}
	.part06 .left .img{width:90%;}
	.part06 .left .tit{width:90%;}
	.part06 .left .txt{width:90%;}
	.footer{ padding-top:40px; padding-bottom:30px;}
	
	
	.page_banner img{/* width:220%; margin-left:-60%;*/ display:none;}
	.text_main .youshi li{ width:50%; margin-bottom:30px;}
	.text_main .manager li{ width:100%; margin-left:0; margin-right:0;}
	.inner_top .content{ width:98%;}
	.inner_top .content li{ margin:0 8px 10px 8px;}
	.inner_top .content li a{ padding:0 8px 0 8px; line-height:24px;}
	
	
	.news_top .img{ width:100%; margin:0;}
	.news_top .txt{ margin-top:2%; margin-bottom:2%; width:100%;}
	.news_top .txt a{ margin-top:2%; margin-bottom:2%;}
	.news_top .txt a::after{ margin-top:16px;}
	.news_top .txt span{ height:auto;}
	.news_list li{ width:48%; margin-right:1%; margin-left:1%;}
	
	.pro_list ul li{ width:48%; margin-left:1%; margin-right:1%;}
	.pro_list ul li .hover{ display:none;}
	.pro_detail .right_info h3{ margin:0% 0 2% 0;}
	.pro_detail .right_info .txt{ line-height:22px; margin-bottom:20px;}
	.case_list ul li{ width:48%; margin-left:1%; margin-right:1%;}
	.hire_list ul li{ width:100%; margin:0 0 30px 0;}
	.in_contact .con_main .info{ position:inherit; width:100%; padding:4% 4%;}
	.in_contact .con_main .info .logo{ width:60%;}
	.in_contact .con_main .info .txt{ width:60%; float:left; margin:20px 0;}
	.in_contact .con_main .info .qr{ float:right; margin-top:36px;}
	.in_contact .messages{ width:100%; margin-top:50px;}
	.in_contact .messages h2{ margin-left:5%;}
	.in_contact .messages .area{ width:90%; margin:20px auto 30px auto;}

}




@media (max-width: 768px){
	.m_menu_list{ width:60%;}
	.m_menu_list .menu_list_close{ right:9%;}
	.in_title .btn {margin-top: 6px;}
	.in_title .btn a{    height: 40px;line-height: 40px;width: 120px;}
	.in_title p{font-size: 26px; line-height:26px;}
	
	
	.part06 .list li .title .date{    font-size: 18px;}
	.part06 .list li .txt{ line-height:24px; height: 48px; overflow: hidden;}
	.part07{ background:#f4f4f4;}
	.part07 ul{ padding:40px 0 40px 0;}
	.part07 ul li{ width:50%; margin-bottom:20px; text-align:center;}
	.footer{background-position: center;}
	.footer_content .left{ width:100%; }
	.footer_content .right{ width:100%; margin-left:0; margin-bottom:30px;}
	.footer_content .right .info .txt{ float:inherit; margin-bottom:30px;}
	.footer_content .right .info .qr{ float:inherit;}
	.footer_content .right .info .qr img{ margin:0;}
	.footer_content .right .info .qr span{ text-align:left;}
	
	.pageGuide{ margin-bottom:50px;}
	.paging a{ margin-bottom:6px;}
	
	.honor_list li{ width:48%; margin-left:1%; margin-right:1%;}
	.news_list li{ width:98%;}
	.news_list li .txt{ position:inherit; padding: 2%; height:auto;}
	.news_list li .txt a{ margin:2% 0;}
	
	.news_list li:hover .txt a{ color:#e51f1c; margin-bottom:2%;}
	.news_list li:hover .txt{ background:rgba(244,244,244,1);}
	.news_list li:hover .txt span{ color:#666;}
	.news_list li:hover .txt p{ color:#aaa;}
	
	#detail-demo{ width:100%;}
	.pro_detail .right_info{ margin-left:2%; margin-top:30px; width:96%;}
	
	.in_contact .con_main .info .logo{ max-width:70%;}
	.in_contact .con_main .info .txt{ width:100%; float:inherit; margin:20px 0;}
	.in_contact .con_main .info .qr{ float:inherit; margin-top:0;}
	

}



@media (max-width: 480px){
	.hire_list ul li .info p{ width:100%;}

}

.footer_content .left ul:nth-child(1) li:nth-child(2)::after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/footer_info01.png) no-repeat;
    background-size: 100%;
}

.footer_content .left ul:nth-child(1) li:nth-child(3)::after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/footer_info02.png) no-repeat;
    background-size: 100%;
}

.footer_content .left ul:nth-child(1) li:nth-child(4)::after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/footer_info02.png) no-repeat;
    background-size: 100%;
}

.footer_content .left ul:nth-child(1) li:nth-child(5)::after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/footer_info02.png) no-repeat;
    background-size: 100%;
}

.footer_content .left ul:nth-child(1) li:nth-child(6)::after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/footer_info03.png) no-repeat;
    background-size: 100%;
}

.footer_content .left ul:nth-child(1) li:nth-child(7)::after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/footer_info04.png) no-repeat;
    background-size: 100%;
}

.footer_content .left ul:nth-child(1) li:nth-child(8)::after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/footer_info05.png) no-repeat;
    background-size: 100%;
}
.footer_content .left ul:nth-child(1) li{padding-left: 26px;position:relative;}

.in_contact .con_main .info .qr div{display: inline-block;text-align: center;margin-right: 10px;}
.footer_content .right .info .qr div{display: inline-block;text-align: center;margin-right: 10px;}
.footer_content .right .info .qr div p{ color:#fff;}


/*0518修改*/
/*-----滚动后--------*/
.header .navbar{ position:fixed; z-index:999;}
.header .navbar .pc_fixed{ height:100px;transition: all 0.2s linear -1ms; background: url(../img/header_bg02.jpg) no-repeat;background-position: top right;}
.header .navbar .pc_fixed .pc_menu_b{ height:0; overflow:hidden;transition: all 0.2s linear -1ms;}
.header .navbar .pc_fixed .pc_menu_top{ height:100px; z-index:99999;
webkit-transition: all 0.2s linear -1ms;
	-moz-transition: all 0.2s linear -1ms;
	-ms-transition: all 0.2s linear -1ms;
	-o-transition: all 0.2s linear -1ms;
	transition: all 0.2s linear -1ms;}


.part_one{ margin-top:200px;}
.pc_menu_top .search_box{ display:none;}
.header .navbar .pc_menu .info{ margin-right:0;margin-top: 30px;transition: all 0.3s linear -1ms;}
.header .navbar .pc_fixed .info{ margin-top:12px;transition: all 0.2s linear -1ms;}
.header .navbar .pc_menu .info div{ float:left; margin-top:10px;}
.header .navbar .pc_menu .info img{ display:block; float:left; width:74px; margin-left:20px;}

.re_title{ margin:0 auto 36px auto;}
.re_title h2{ font-size:34px; color: #e51f1c;}
.re_title p{ font-size:14px; color:#999;}

.part_02{ width:100%; margin:0 auto; background:#f6f6f6; padding-top:80px; padding-bottom:100px;}
.part_02 .content{ width:1280px; margin:0 auto;}
.part_02 .view{ width:50%; padding-bottom:33.3%; position:relative; float:left;}
.part_02 .view .img{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000;}
.part_02 .view .img img{ width:100%; height:100%;transition: all 0.5s cubic-bezier(0.7, -0.01, 0.3, 0.7) -1ms;}
.part_02 .view .img .btn{ width:100px; height:100px; position:absolute; background:url(../img/play_btn.png) no-repeat; top:50%; left:50%; margin:-50px 0 0 -50px; opacity:0.5;
	transition: all 0.5s cubic-bezier(0.7, -0.01, 0.3, 0.7) -1ms;}
.part_02 .view .img:hover img{ opacity:0.5;transition: all 0.5s cubic-bezier(0.7, -0.01, 0.3, 0.7) -1ms;}
.part_02 .view .img:hover .btn{ opacity:1;transition: all 0.5s cubic-bezier(0.7, -0.01, 0.3, 0.7) -1ms;}

.part_02 .txt{ float:left; width:47%; margin-left:3%; text-align:left; padding-top:20px;}
.part_02 .txt p{ text-indent:28px; line-height:26px; margin-bottom:10px;}

.part_03{ width:100%; margin-top:100px;}

.part_03 #style-demo{ width:1320px; margin:0 auto; }
.part_03 #style-demo .owl-wrapper-outer{padding: 10px 0 30px 0;}
.part_03 #style-demo .item{ margin-left:20px; margin-right:20px;transition: all 0.5s linear -1ms;}
.part_03 #style-demo .item .img{ width:100%; padding-bottom:66.66%; position:relative;}
.part_03 #style-demo .item .img a{ display:block; width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden;}
.part_03 #style-demo .item .img a img{ display:block; width:100%; height:100%;
	webkit-transition: all 0.5s linear -1ms;
	-moz-transition: all 0.5s linear -1ms;
	-ms-transition: all 0.5s linear -1ms;
	-o-transition: all 0.5s linear -1ms;
	transition: all 0.5s linear -1ms;}
.part_03 #style-demo .item .tit{ width:100%; height:60px; line-height:60px; background:#fff; text-align:center; display:block; font-size:16px;text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}

.part_03 #style-demo .item:hover{ box-shadow:0px 8px 28px rgba(0,0,0,0.15);transition: all 0.5s linear -1ms;}
.part_03 #style-demo .item:hover .img a img{
	webkit-transition: all 0.5s linear -1ms;
	-moz-transition: all 0.5s linear -1ms;
	-ms-transition: all 0.5s linear -1ms;
	-o-transition: all 0.5s linear -1ms;
	transition: all 0.5s linear -1ms;
		transform: scale(1.07);
	-ms-transform: scale(1.07);
	-moz-transform: scale(1.07);
	-webkit-transform: scale(1.07);
	-o-transform: scale(1.07);}

.part_03 #style-demo .item:hover .tit{ color:#e51f1c;}
.part_03 #style-demo .owl-controls .owl-buttons div{ background:rgba(0,0,0,0.2); border-radius:0px;}
.part_03 #style-demo .owl-controls .owl-buttons .owl-prev{padding: 7px 13px; font-size:22px; font-family:arial; position:absolute; top:34%; left:40px; margin:0; }
.part_03 #style-demo .owl-controls .owl-buttons .owl-next{padding: 7px 13px; font-size:22px; font-family:arial; position:absolute; top:34%; right:40px; margin:0;}
.part_03 #style-demo .owl-controls .owl-buttons div:hover{ background:rgba(0,0,0,0.5);}
.part_03 #style-demo .owl-controls .owl-pagination span{ width:8px; height:8px; background:rgba(0,0,0,0.4);}
.part_03 #style-demo .owl-controls .owl-pagination .active span{ background:#e51f1c;}



.part_04{ width:100%; margin-top:100px; background:#f6f6f6; padding-top:90px; padding-bottom:90px;}
.part_04 .tab-hd{ width:1280px; margin:0 auto 30px auto;}
.part_04 .tab-hd ul{ text-align:center;}
.part_04 .tab-hd ul li{ display:inline-block; margin:0 12px;line-height: 36px;}
.part_04 .tab-hd ul li a{ display:block; font-size:18px; font-weight:600; color:#666;}
.part_04 .tab-hd ul li a:hover{ color:#e51f1c;}
.part_04 .tab-hd ul .on a{ color:#e51f1c;}
.part_04 .tab-bd{ width:1320px; margin:0 auto;}
.part_04 .list{ width:1320px; height:auto;}
.part_04 .list li{ float:left; width:30.33%; margin-left:1.5%; margin-right:1.5%; margin-bottom:30px;}
.part_04 .list li .img{ width:100%; padding-bottom:66.6%; position:relative;}
.part_04 .list li .img .con{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000; overflow:hidden;}
.part_04 .list li .img .con img{ width:100%; height:100%;
	webkit-transition: all 0.5s linear -1ms;
	-moz-transition: all 0.5s linear -1ms;
	-ms-transition: all 0.5s linear -1ms;
	-o-transition: all 0.5s linear -1ms;
	transition: all 0.5s linear -1ms;}
.part_04 .list li .img .more{ color:#fff;  position: absolute;left: 0; bottom: 10px;width: 100%;display: block;text-align: center;  line-height: 30px; opacity:0;
	webkit-transition: all 0.5s linear -1ms;
	-moz-transition: all 0.5s linear -1ms;
	-ms-transition: all 0.5s linear -1ms;
	-o-transition: all 0.5s linear -1ms;
	transition: all 0.5s linear -1ms;}
.part_04 .list li .img .more::before{ margin:0 auto;content: '';width:0;height:0px;border-width:7px;border-style:solid;border-color:transparent transparent #fff;/*透明 透明  灰*/display: block;}
.part_04 .list li .tit{ display:block; font-size:16px; line-height:40px; text-align:center; margin-top:18px;}
.part_04 .list li .tit::before{margin:0 auto;content: ''; width:40px; height:2px; background:#999; display:block; margin:0 auto;transition: all 0.5s linear -1ms;}
.part_04 .list li:hover .img .con img{ opacity:0.6;
	webkit-transition: all 0.5s linear -1ms;
	-moz-transition: all 0.5s linear -1ms;
	-ms-transition: all 0.5s linear -1ms;
	-o-transition: all 0.5s linear -1ms;
	transition: all 0.5s linear -1ms;}
.part_04 .list li:hover .img .more{ opacity:1;
	webkit-transition: all 0.5s linear -1ms;
	-moz-transition: all 0.5s linear -1ms;
	-ms-transition: all 0.5s linear -1ms;
	-o-transition: all 0.5s linear -1ms;
	transition: all 0.5s linear -1ms;}

.part_04 .list li:hover .tit{ color:#e51f1c;}
.part_04 .list li:hover .tit::before{ background:#e51f1c; transition: all 0.5s linear -1ms;}


.part05{ width:100%; margin:110px auto 0 auto; padding:0; background:none;}

.part05 .cases_more{ width:1320px; height:36px; margin:-36px auto 0 auto;}
.part05 .cases_more a{ display:block; width:120px; height:36px; background:#e51f1c; color:#fff; text-align:center; line-height:36px; float:right;}

.page_banner{margin-top: 200px;}




.left-nav{ width:140px; height:auto; background:#f0f0f0; position:fixed; top:30%; left:-150px; z-index: 99;transition: all 0.2s ease-in-out -1ms;}
.left-nav ul{ width:auto; padding:20px;}
.left-nav ul li{ width:auto; margin:5px 0;}
.left-nav ul li a{ display:block; font-size:16px; color:#333; line-height:30px; text-align:left; padding-left:9px; padding-right:6px; border-left:3px solid #f0f0f0;}
.left-nav ul li:hover a{ border-left:3px solid #e51f1c; color:#e51f1c;}
.left-nav .zixun{ width:100%; height:48px; background:#e51f1c; padding-top:18px;}
.left-nav .zixun a{ display:block; font-size:16px; color:#fff; line-height:24px; background: url(../img/left_nav_icon.png) no-repeat;
    background-position: center left;background-size: contain; width:80px;    text-align: center; padding-left: 27px; margin:0 auto;}
.left-nav-show{ left:10px;transition: all 0.2s ease-in-out -1ms;}




/*0619导航语言切换*/
.header .navbar .pc_menu .pc_menu_b{position: relative;}
.header .navbar .pc_menu .pc_menu_b .language{    position: absolute;top: 0px;right: 12.5%; height:65px; }
.header .navbar .pc_menu .pc_menu_b .language a{line-height: 65px;}
.m_menu_list .language{margin-left: 15%; margin-top:40px;}
.m_menu_list .language a{font-size: 18px;}



@media (max-width: 1700px){
	.header .navbar .pc_fixed{background: url(../img/header_bg03.jpg) no-repeat;background-position: top right;}
}


@media (max-width: 1600px){
	.part_02 .content{ width:80%;}
	.part_03 #style-demo{ width:80%;}
	.part_04 .tab-bd{ width:80%;}
	.part_04 .tab-hd{ width:80%;}
	.part_04 .list{ width:100%;}
	.part05 .cases_more{ width:80%;}
	#cases-demo{ width:80%;}
	.header .navbar .pc_fixed{background: url(../img/header_bg04.jpg) no-repeat;background-position: top right;}

}

@media (max-width: 1440px){
	.part_02 .content{ width:90%;}
	.part_03 #style-demo{ width:90%;}
	.part_04 .tab-bd{ width:90%;}
	.part_04 .tab-hd{ width:90%;}
	.part_04 .list{ width:100%;}
	.part05 .cases_more{ width:90%;}
	#cases-demo{ width:90%;}
	.header .navbar .pc_fixed{background: url(../img/header_bg05.jpg) no-repeat;background-position: top right;}

}
@media (max-width: 1199px){
	.part_one{margin-top: 80px;}
	.part_02 .content{ width:96%;}
	.part_03 #style-demo{ width:96%;}
	.part_04 .tab-bd{ width:96%;}
	.part_04 .tab-hd{ width:96%;}
	.part_04 .list{ width:100%;}
	.part05 .cases_more{ width:96%;}
	#cases-demo{ width:96%;}

	.left-nav{ display:none;}

	.page_banner{margin-top: 80px;}

}


@media (max-width:992px){
	.part_02 .view{ width:100%; padding-bottom:66.6%; float:inherit;}
	.part_02 .txt{float:inherit; width:100%; margin:0;}

}

@media (max-width:768px){
	.part_04 .tab-hd ul li a{ font-size:16px; font-weight:normal; line-height:30px;}
	.part_04 .list li{ width:48%; margin-left:1%; margin-right:1%;}
	
	.footer_content .left ul:nth-child(2){ display:none;}
	.footer_content .left ul:nth-child(3){ display:none;}

	.footer_content .right .info .qr div{ width:40%;}
	.footer_content .right .info .qr div img{ width:100%; height:auto;}
	}
@media (max-width:550px){
.part_03 #style-demo .owl-controls .owl-buttons .owl-prev{
    display: none;
}
.part_03 #style-demo .owl-controls .owl-buttons .owl-next{
    display: none;
}
#cases-demo .owl-controls .owl-buttons .owl-prev{
    display: none;
}
#cases-demo .owl-controls .owl-buttons .owl-next{
    display: none;
}
}

p img{
max-width: 100%;
}

body>a>img{
	display: none;
}


.txtMarquee_announcement {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #e51f1c;
    z-index: 999;
}

.txtMarquee_announcement .content {
    width: 75%;
    margin: 0 auto;
}

.txtMarquee_announcement .content .header_announcement {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 30px;
}

.txtMarquee_announcement .content .header_announcement ul {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
}

.txtMarquee_announcement .content .header_announcement ul li {
    float: left;
    list-style: none;
    box-sizing: border-box;
    position: relative;
    color: #ffffff;
    white-space: nowrap;
    margin-right: 20px;
    line-height: 30px;
    font-size: 18px;
}

@media (max-width: 1600px) {
    .txtMarquee_announcement .content {
        width: 85%;
        margin: 0 auto;
    }
}

@media (max-width: 1200px) {
    .txtMarquee_announcement .content {
        width: 95%;
        margin: 0 auto;
    }
}