/* reset */

html { height: 100%;/*font-size: 13.333vw;*/font-size: 14px; }

body { min-height: 100% }

body { _height: 100% }

body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }

body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }

li { list-style-type: none }

h1, h2, h3, h4, h5, h6 { font-size: 100%;font-weight:normal; }

iframe, frame, fieldset, img { border: 0 none }

img { vertical-align: top }

input[type=button], input[type=submit], input[type=reset] { cursor: pointer }

button { cursor: pointer }

input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }

input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }

input[type=checkbox] { -webkit-appearance: checkbox }

input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }

textarea { overflow: auto; resize: none }

blockquote, q { quotes: none }

blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }

table { border-collapse: collapse; border-spacing: 0 }

caption, th { text-align: left }

th { font-weight: normal }

em, cite, address,i { font-style: normal }

sup { vertical-align: text-top }

sub { vertical-align: text-bottom }

body, input, select, button, textarea { font-size: 14px; font-family:arial,"Microsoft Yahei","\5b8b\4f53";  }

body { line-height: 1.5 }

a { text-decoration: none;-webkit-tap-highlight-color:transparent; color: #3e3e3e;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all; }

a { blr:expression(this.onFocus=this.blur()) }

a * { *cursor: pointer }

/*a:hover{color: #1f63af !important;}*/

:focus { outline: none }

.edit_con_original{ line-height:2; padding:0 0; color:#333; font-size:16px; color:#333;}

.edit_con_original ul{ margin:inherit; padding:inherit; padding-left:2em;}

.edit_con_original ul li { list-style-type:disc; margin:auto; }

.edit_con_original ol{ margin:inherit; padding:inherit}

.edit_con_original ol li { list-style-type:decimal; margin:auto; }

.edit_con_original h1 { font-size: 2em; font-weight:bold }

.edit_con_original h2 { font-size: 1.5em; font-weight:bold }

.edit_con_original h3 { font-size: 1.17em; font-weight:bold }

.edit_con_original h4 { font-size: 1em; font-weight:bold }

.edit_con_original h5 { font-size: 0.83em; font-weight:bold }

.edit_con_original h6 { font-size: 0.67em; font-weight:bold }

.edit_con_original em { font-style: italic }

.edit_con_original cite{ font-style: italic }

.edit_con_original address{ font-style: italic }

.edit_con_original i { font-style: italic }

.edit_con_original table{ border-collapse: separate;}

.edit_con_original img{ max-width:100%; height:auto; border:1px #CCC solid;}

.edit_con_p_kg p{text-indent:2em;}

 

.footpage{width: 100%;text-align: center;line-height: 50px;font-size: 13px;color: #666;margin: 30px 0;}

.footpage a,.footpage span{display: inline-block;text-align: center;line-height: 25px;border:1px solid #ddd; border-radius: 0px;margin-left: 5px;color: #797979;padding: 2px 8px;background: #f5f5f5}

.footpage span{padding: 2px 12px;background: #f5f5f5;color: #1562aa ;border: 1px solid #1562aa }

.footpage select{display: inline-block;padding: 6px 8px;position: relative;top: -1px;border-radius: 0px;border:1px solid #ddd;background: #f5f5f5;color: #666}

.footpage a:hover{background: #fff;color: #1562aa ;}

/*

/*/

.prev dt{padding: 10px 3px 10px 30px;line-height: 1.6;border-bottom: 1px dashed #ddd;font-size: 14px;color: #999}

.prev dt:nth-child(1){background: url("img/prev.png") left 5px center no-repeat;background-size: 18px 18px}

.prev dt:nth-child(2){background: url("img/next.png") left 5px center no-repeat;background-size: 18px 18px}

.prev dt a{font-size: 14px;color: #666}

.prev dt a:hover{color:#c0121b }

/*所有后台编辑器区域都要引用 edit_con_original 类名*/

 

/* clear 页头，页脚，内容区都不用再加清除样式 */

.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }

.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both }

.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }

 

.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }

                    

.err_position{ width:100%; height:auto; background:url(../Images/errors.png) center no-repeat;}



/*隐藏视频下载按钮*/

video::-internal-media-controls-download-button {

    display:none;

}



video::-webkit-media-controls-enclosure {

    overflow:hidden;

}



video::-webkit-media-controls-panel {

    width: calc(100% + 30px); 

}



/*图片经过*/

.tran_scale{ overflow:hidden; display:block;}

/*img{transition: All 0.7s ease-in-out;}*/

.tran_scale img{-webkit-transition: -webkit-transform 0.5s linear;transition:transform 0.5s linear; width:100%;}





/*两端对齐*/

.justify { text-align:justify; text-justify:distribute-all-lines;}

/*上下居中*/

.v-m-c{ transform: translate(0,-50%); -webkit-transform: translate(0,-50%); position:absolute; left:0; top:50%;}



/*左右居中*/

.l-m-c{ transform: translate(-50%,0); -webkit-transform: translate(-50%,0); position:absolute; left:50%; top:0;}



/*绝对居中*/

.a-m-c{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}



*{box-sizing: border-box;}

.ratio-img img{width: 100%; }



.fl{float: left;}

.fr{float: right;}







/*.swiper-container,.swiper-wrapper,.swiper-slide{height: auto !important;}*/





body{background: #fff !important;}

.wraper{max-width: 1920px;width: 100%;margin: auto;}

.wrap{width: 98%;margin: auto;}

.wrap_in{width: 93.6%;margin: auto; max-width: 988px;}



/*.header *{transition: all 0.5s;}*/

.header {

	position: fixed;

	z-index: 1001;

	width: 100%;

	top: 0;

	left: 0;

	-webkit-transition: all 0.5s;

	transition: all 0.5s;

	background-color: rgba(255,255,255,0);

	height:80px;

}

/*.header .container {width: auto;padding: 0 60px;}*/

.header .logo {

	float: left;

	font-size: 0;

	height: 45px;

	line-height: 54px;

	text-align: left;

	padding: 15px 0;

	margin-left: 30px;

}

.header .nav {

	float: right;

}

.header .nav li {

	margin-left: 5px;

	float: left;

}

.header .nav li>a {

	display: block;

	font-size: 18px;

	line-height: 80px;

	position: relative;

	color: #fff;

	padding: 0 25px;

}

.header .nav li>a:after {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 0;

	height: 3px;

	background-color: #b62020;

	-webkit-transition: all 0.5s;

	transition: all 0.5s;

	content: '';

}

.header .nav li .arr {

	float: right;

	height: 40px;

	width: 40px;

	position: relative;

	display: none;

}

.header .nav li .arr:after {

	content: '';

	border-top: 2px solid #ccc;

	border-left: 2px solid #ccc;

	-webkit-box-sizing: content-box;

	box-sizing: content-box;

	display: block;

	width: 8px;

	height: 8px;

	margin: auto;

	position: absolute;

	top: 0;

	bottom: 0;

	-webkit-transform: rotate(135deg);

	transform: rotate(135deg);

	right: 15px;

}

.header .nav li.dropdown {

	position: relative;

}

.header .nav .dropdown-box {

	left: 0;

	min-width: 100%;

	top: 100%;

	display: none;

	z-index: 10;

	text-align: center;

	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);

	box-shadow: 0 0 5px rgba(0,0,0,0.1);

}

.header .nav .dropdown-box p {

	margin: 0;

}

.header .nav .dropdown-box a {

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	padding: 0 5px;

	font-size: 14px;

	display: block;

	border-bottom: 1px solid rgba(0, 0, 0, 0.2);

	line-height: 35px;

	color: #fff;

	background-color: rgba(1, 65, 144, 0.6);

}

.header .nav .dropdown-box a:hover {

	background-color: #b62020;

	color: #fff;

}

.header .nav li.active>a, .header .nav li.open>a, .header .nav li>a:hover {

}

.header .nav li.open>a:after, .header .nav li.active>a:after, .header .nav li>a:hover:after {

	width: 100%;

}

.header .nav li.open .dropdown-box {

	display: block;

}

.header .sc {

	float: right;

	position: relative;

	margin-left: 40px;

}

.header .sc-btn {

	display: block;

	height: 100px;

	width: 30px;

	background: url(../images/icon1.png) no-repeat center;

}

.header .sc-box {

	position: absolute;

	right: 0;

	top: 100%;

	overflow: hidden;

	display: none;

	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);

	box-shadow: 0 0 5px rgba(0,0,0,0.1);

}

.header .sc-box input {

	display: block;

	padding: 9px 62px 9px 12px;

	border: 1px solid transparent;

	font-size: 14px;

	color: #333;

	background-color: #fff;

	width: 200px;

}

.header .sc-box button {

	position: absolute;

	right: 0;

	top: 0;

	padding: 0;

	width: 60px;

	height: 40px;

	background: #b62020;

	color: #fff;

	border: 0;

	cursor: pointer;

	font-size: 14px;

}

.header-active {

	background-color: rgba(255,255,255,1.0);

}



.lang{margin-right: 40px; margin-top:28px; margin-left:40px; font-size: 0;}

.lang a{display: inline-block; line-height: 24px; color: #fff; font-size: 12px;}



.lang_b{display: none;font-size: 0;}

.lang_b a{display: inline-block; line-height: 24px; color: #000; font-size: 12px;}



.menu-btn {

	display: none;

	padding: 6px 0;

	float: right;

}

.menu-btn:before, .menu-btn:after, .menu-btn span {

	display: block;

	height: 2px;

	background-color: #666;

	content: '';

}

.menu-btn:before {

	width: 24px;

}

.menu-btn:after {

	width: 18px;

	margin-left: 6px;

}

.menu-btn span {

	width: 12px;

	margin: 6px 0 6px 12px;

}



	

.scroll .header{height: 80px; background: rgba(0,0,0,1); transition: all 1s;}



.phone-show{display: none;}



.phone_box{display: none;}

.phone_menu {color: #333;display: block;width: 24px;height: 24px;transform: translateX(0px); cursor: pointer;}



.phone_menu em.p1{ display:block; width:22px; height:2px; background:#fff; position:absolute; top:50%; margin-top:-6px; left:50%; margin-left:-11px; border-radius:2px;}

.phone_menu em.p2{ display:block; width:22px; height:2px; background:#fff; position:absolute; top:50%; margin-top:0; left:50%; margin-left:-11px; border-radius:2px;}

.phone_menu em.p3{ display:block; width:22px; height:2px; background:#fff; position:absolute; top:50%; margin-top:6px; left:50%; margin-left:-11px; border-radius:2px;}

.phone_menu em.p1{ transform:rotate(0deg); margin-top:-7px;}

.phone_menu em.p2{ opacity:1;}

.phone_menu em.p3{ transform:rotate(0deg); margin-top:7px;}

.phone_menu.on{ transform:translateX(0px);}

.phone_menu.on em.p1{ transform:rotate(45deg); margin-top:0;}

.phone_menu.on em.p2{ opacity:0;}

.phone_menu.on em.p3{ transform:rotate(-45deg); margin-top:0;}







.footer{padding: 30px 3.2% 35px; color: #000;}

.footer_l h2{margin-bottom: 5px;}

.footer_l h2 a{color: #000; display: inline-block; padding: 0 10px; border-left: #000 solid 1px; line-height: 1.1em;}

.footer_l h2 a:first-child{border-left: none; padding-left: 0;}

.footer_l p{ line-height: 20px; overflow: hidden;}

.footer_l p em{margin-right: 15px;}

.footer_l p span{ margin: 0 15px 0 0;}

.footer_l p a{color: #000;}

.footer_l p a i{color: #000 !important;}

.footer_r{font-size: 0;}

.footer_r a{margin-left: 20px; position: relative; display: inline-block;}

.footer_r a:first-child{margin-left: 0;}

.ewm{display: none; width: 112px; height: 112px; padding: 18px; background: #fff; position: absolute; right: 0; top: 0; transform: translateY(-110%);-webkit-transform: translateY(-110%); z-index: 100; overflow: hidden;}

.ewm img{width: 100%;}



.search_box.on .search{width: 198px; opacity: 1;}



.footer_r a > img{height: 20px;}



.footer{margin-top: 0;}

.footer{background: #2a2a2a;padding: 50px 0 40px 0;color: #666666;}

.footer a{color: #666;}

.footer a:hover{color: #fff;}

.footer_t,.footer_t ul{overflow: hidden;}

.footer_t .left,.footer_b .left{float: left;}

.footer_b .left{width:50%;line-height:24px;}

.footer_t .left img{width: 90px;}

.footer_t .left span{ text-align:center; margin-top:5px; margin:0 auto;}

.footer_t .left ul{margin: 0 -50px;}

.footer_t .left li{float: left;}

.footer_t .left dl{padding: 0 50px;}

.footer_t .left dt{color: #fff;font-weight: bold;margin-bottom: 15px;}

.footer_t .left dt a{color: #fff;}

.footer_t .left dd p{line-height: 2.1em;}



.footer_t .right,.footer_b .right{float: right;width: 50%;overflow: hidden;}

.footer_t .right ul{margin: 0;}

.footer_t .right ul li{float: right; width:130px; overflow:hidden; text-align:center; line-height:240%; font-weight:bold;}

.footer_t .right ul li a{ color:#FFF;}

.footer_t .right ul li a:hover{ color:#ff0; text-decoration:underline;}

.footer_t .right ul li p img{ width:55px;}

.footer_t .right .copyright { margin-top:5px; text-align:right;}



.footer_t .ewm ul{float: right; width:100%; }

.footer_t .ewm li{float: right;*margin-left:-1px;text-align: right;}

.footer_t .ewm dt{padding-bottom: 16px;position: relative;padding-bottom: 16px; margin: auto;}

.footer_t .ewm dt img{width: 66px;height: 66px;}

.footer_t .ewm dd{border-top: 1px solid #656565;height:36px;line-height: 36px;cursor: pointer;}

.footer_t .ewm dt i{width: 9px;height: 7px;background: url(../images/footer_arrow.png) no-repeat center center; position: absolute;left: 50%;bottom:-1px;margin-left: -4px;}

.footer_t .ewm h4{text-align: center;  margin-top: 10px;}



.footer_b{overflow: hidden;}

.footer_b .left{margin-top: 20px;}



.service_tel,.service_tel a{color: #929292;}

.service_tel img{width: 70px;height: 70px; margin-top:15px;}

.service_tel span{ font-size:14px; font-weight:normal; border-bottom:1px #999 solid;}

.service_tel{text-align:left; font-size:16px; line-height:200%; clear: both;}

.service_tel a:hover{color: #929292 !important;}

.footer_b .right h4{float: left;margin-top: 82px;width: 180px;line-height: 36px;}



.weixin{float: right;padding-bottom: 16px;position: relative;}

.weixin,.weixin img{width: 66px;height: 66px;}

.weixin i{width: 9px;height: 7px;background: url(../images/footer_arrow.png) no-repeat center center; position: absolute;left: 50%;bottom:-1px;margin-left: -4px;}





.share div{font-size: 0;}

.share span{float: left; font-size: 14px; line-height: 16px; margin-right: 10px;}

.share a{background-position: center center !important; margin: 0 20px 0 0 !important; padding-left: 20px !important; background-size: auto 100%;}

.share a:hover{opacity: 1 !important;}

.share a.bds_tsina:hover{background-image: url(../Images/share_iconh_02.png) !important;}

.share a.bds_qzone:hover{background-image: url(../Images/share_iconh_03.png) !important;}

.share a.bds_weixin:hover{background-image: url(../Images/share_iconh_04.png) !important;}

.bd_weixin_popup{box-sizing: content-box; }



.page{text-align: center;}

.page a{display: inline-block;line-height: 48px; vertical-align: top;}

.page a.prev,.page a.next{ width: 48px; height: 48px; background-size: 100% 100% !important;}

.page a.prev{background: url(../Images/contact_arrowleft.jpg) no-repeat; margin-right: 50px;}

.page a.next{background: url(../Images/contact_arrowright.jpg) no-repeat; margin-left: 50px;}

.page a.num{color: #000; width: 40px; height: 48px; text-align: center;}

.page a.num.on{color: #ed1c2b;}



.page a.prev.on{background: url(../Images/about_pre_on.png) no-repeat;}

.page a.next.on{background: url(../Images/about_next_on.png) no-repeat;} 



.back{width: 40px; height: 40px; background: url(../Images/back.jpg) no-repeat; background-size: 100% 100%; position: fixed; right: 0; bottom: 80px; z-index: 100; cursor: pointer; display: none;}



.mamain {width: 100%; background:#000; clear:both; height:992px;}

.ma{width: 94%; height:720px; margin: 0 auto; border-top:10px #000 solid; }

.ma img {width: 100%; height:720px;}

.ma .txt { width:1100px;  margin:0 auto; color:#ccc; font-size:16px; padding:30px 0;}

.ma .txt p {color:#fff; font-size:28px; padding:20px 0; text-align:center;}

ul.d-list li,.scroll_horizontal .list li,.pore{ position: relative;}

.callbacks_nav.callbacks2_nav.next,.callbacks_nav.callbacks2_nav.prev,.callbacks_nav.callbacks1_nav.next,.callbacks_nav.callbacks1_nav.prev,.flex-direction-nav a{ display: none;}

.callbacks_tabs.callbacks1_tabs{position: absolute; color: #fff; left:5.2%; top:103px; z-index: 10;}

.callbacks_tabs.callbacks1_tabs li a{display: block; font-size: 0;width: 150px; height: 30px; margin-bottom: 39px;}



/************************关于我们**********************/

.main-com-f1{padding: 2.7vw; background:#f5f5f5 url(".../Images/com-f1-1bg.png") bottom center no-repeat;background-size: contain;}

.main-com-f1-l{width: 50%;float: left;}

.main-com-f1-l li{width: 42%;margin-right: 2%;float: left;background: #fff;transition: 0.5s;-webkit-transform: 0.5s;cursor: pointer;}

.main-com-f1-l li:nth-child(3n){margin-right: 0;}

.main-com-f1-l li:nth-child(n+4){margin-top: 3%;}

.main-com-f1-l li .son{width: 100%;padding: 18% 7%;background: #fff}

.main-com-f1-l li .t{margin-top: 48%;}

.main-com-f1-l li .t p{font-size: 18px;color: #2b2b2b;line-height: 1.8;transition: 0.3s;-webkit-transition: 0.3s;}

.main-com-f1-l li:nth-child(1) .son{background-image: url("../Images/com-f1-1.png");}

.main-com-f1-l li:nth-child(2) .son{background-image: url("../Images/com-f1-2.png");}

.main-com-f1-l li:nth-child(3) .son{background-image: url("../Images/com-f1-1.png");}

.main-com-f1-l li:nth-child(4) .son{background-image: url("../Images/com-f1-4.png");}

.main-com-f1-l li:nth-child(5) .son{background-image: url("../Images/com-f1-5.png");}

.main-com-f1-l li:nth-child(6) .son{background-image: url("../Images/com-f1-6.png");}

.main-com-f1-l li .son{background-position: left 10% top 18%!important;background-repeat: no-repeat;}

.main-com-f1-l li:hover{box-shadow: 0 3px 12px rgba(0,0,0,0.3);transform: translateY(-5px);-webkit-transform: translateY(-5px)}

.main-com-f1-l li:hover .t p{color: #c0121b}

/**/

.main-com-f1-r{width: 45%;float: right; margin-top:4%;}

.main-com-f1-r .p1{font-size: 18px;font-weight: bold;color: #2b2b2b;text-align: left}

.main-com-f1-r .p2{text-align: left;font-weight: bold;font-size: 36px;color: #2b2b2b;line-height: 1.6; padding: 5% 0}

.main-com-f1-r .p3{font-weight: lighter;font-size: 18px;line-height: 1.8;color: #555;text-align: left}

.main-com-f1-r .p4{margin-top: 20%;text-align: left}

.main-com-f1-r .p4 a{font-size: 18px;color: #2b2b2b;}

.main-com-f1-r .p4 a:hover{color: #c0121b}

.main-com-f1 .t1{color: #fff;font-size: 16px;padding-top: 5%;padding-bottom: 3%;}



.sideMenu,

.bok-sideMenu {

    width: 190px;

    background-color: rgba(255, 255, 255, 0.7);

    border-radius: 0 5px 0 5px;

    box-shadow: 3px 2px 10px rgba(0, 0, 0, 0.3);

    text-align: left;

    padding: 8px 0;

    position: fixed;

    z-index: 10000;

    left: 3.2%;

	top: 150px

}



#dowebok .sideMenu {

    display: none;

}

	

.sideMenu li {

    padding: 5px 6px 5px 14px;

}



.sideMenu li a {

    color: #014190;

    font-size: 14px;

    text-decoration: none;

}



.sideMenu li a:hover {

    color: #c5171e;

}



.sideMenu2,

.bok-sideMenu2 {

    width: 150px;

    background-color: rgba(255, 255, 255, 0.8);

    border-radius: 0 5px 0 5px;

    box-shadow: 3px 2px 10px rgba(0, 0, 0, 0.3);

    text-align: left;

    padding: 8px 0;

    position: fixed;

    z-index: 10000;

    left: 3.2%;

	top: 150px

}



#dowebok .sideMenu2 {

    display: none;

}

	

.sideMenu2 li {

    padding: 7px 6px 7px 20px;

}



.sideMenu2 li a {

    color: #014190;

    font-size: 14px;

    text-decoration: none;

}



.sideMenu2 li a:hover {

    color: #c5171e;

}



.case-img {

	margin-top:20px;

}



.case-img ul{

	width:100%; position:relative;

}



.case-img ul li{

	float:left; width:24.2%; margin-right:0.2%; position: absolute;

}



.ny_left{ float:left; width:210px; position:sticky; top:80px;}

.ny_right{ float:left; width: calc(100% - 210px);width: -moz-calc(100% - 210px);}



@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}

.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}

.scaleImg .bgImg{transition:all 0.5s ease-in-out;position:absolute;height:100%;width:100%;left:0;top:0}.scaleImg:hover .bgImg{transform:scale(1.1);}.scaleImg img{transition:all 0.5s ease;}.scaleImg:hover img{ transform:scale(1.1);}.scaleImg:hover img.iOpacity,.scaleImg:hover img.noScaleImg{ transform:scale(1);}.bd_weixin_popup{box-sizing:content-box;}#platform *{box-sizing:content-box;}.coverBg{ background-size:cover!important;}.wOpacity{opacity:0;}.nLink{}.backTop{}.borRds2{border-radius:0.2em;}.borRds3{border-radius:0.3em;}.borRds18{border-radius:1.8em;}.borRds50{border-radius:50%;}

.overflowHide{overflow:hidden;position:relative;z-index:0}



@media only screen and (min-width: 1025px) {

	.page a.prev:hover{background: url(../Images/about_pre_on.png) no-repeat;}

	.page a.next:hover{background: url(../Images/about_next_on.png) no-repeat;}

	.page a.num:hover{color: #ed1c2b;}

	

	.tran_scale:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);}

	

	.ie9 .tran_scale:hover img{transform:scale(1,1); -webkit-transform:scale(1,1);-moz-:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);}

	

	.nav ul li:hover > a em{left: 0; width: 100%; background: #c5171e;}

	

	.footer_l a:hover{color: #c5171e;}

	.footer_l a:hover i{color: #c5171e !important;}

	.footer_r a:first-child:hover .ewm{display: block;}

}



@media only screen and (max-width: 1024px) {

	*{cursor: pointer;}

	/*.back{width: 40px; height: 40px;}*/

	

	.header{ padding: 20px 3.2%; /*box-shadow:rgba(237,238,240,0.3) 0 0 10px;*/  transition: none; height: 64px!important; }

	

	/*.nav ul li > a i{display: block;}*/

	/*.nav ul li dl{position: fixed;top: 0px; right: 0; z-index: 101; width: 100%; height: 100%;background: #fff; transform: translate(100%);-webkit-transform: translate(100%); transition: all 250ms ease-out;-webkit-transition: all 250ms ease-out; height: 100%; opacity: 1; visibility: visible; padding: 10px 0;}

	.nav ul li dl.on{transform: translate(0);-webkit-transform: translate(0);}

	.nav ul li dl dd a{line-height: 40px; text-align: center;}

	.phone-show{display: block;}*/

	

}

@media only screen and (max-width: 1023px) {

	.footer_r{float: none; padding-top: 10px; clear: both;}

}





@media only screen and (max-width: 768px) {

	

	.ny_left{ float:left; width:210px; position:sticky; top:1px;}

	

	.nav ul li{margin: 0 15px;}

	.scaleImg img{ width:100%;}

	.header{background: rgba(0,0,0,0.7);}

	.phone_box{display: block;}

	

	.head{position: fixed; top: 64px; right: 0; z-index: 1000; width: 320px; background: #fff; padding: 0px 0 20px; transform: translate(100%);-webkit-transform: translate(100%); transition: all 250ms ease-out;-webkit-transition: all 250ms ease-out; height: 100%; height:99990px; background: #fff;}

	.head.on{transform: translate(0);-webkit-transform: translate(0);}

	.head_t{float: none; width: 100%; margin: auto; height: 60px; border-bottom: #dadada solid 1px;}

	.search_box{width:100%; height: 59px;  background: none !important;}

	.search{/*background: rgba(0,0,0,0.3);*/ opacity: 1; width: 100%; height: 59px; position: static; border: none; padding: 0 26px;}

	.search_text{height: 59px; line-height: 59px; padding:0;color: #808080; width: calc(100% - 20px);}

	.search_text::-webkit-input-placeholder{color: #808080;}

	

	.search_btn{width: 20px; height: 59px; background: transparent url(../Images/search_black.png) right center no-repeat;}

	

	.lang{position: absolute; top: 400px; margin-left: 26px;}

	.lang a{color: #000; font-size: 14px;}

	

	

	.nav{float: none; margin-top: 0;}

	.nav ul li{display: block; width: 100%; margin: 0;text-align: center; }

	.nav ul li > a{ padding: 0 26px; line-height: 40px; color: #000; display: inline-block; width: 100%; text-align: left;     border-bottom: #dadada solid 1px; height: auto;}

	.nav ul li.on > a{/*border-bottom: #c5171e solid 1px;*/ color: #c5171e !important;}

	.nav ul li.on > a em{display: none;}

	

	

	

	.footer{padding: 20px 3.2%; color: #000;}

	.footer_l{float: none;}

	.footer_r a{margin-left: 20px;}

	.footer_r a > img{height: 20px;}

	.ewm{right: auto; left: 0;}

	.header{ z-index: 99999;}

	.head{ }

	

	.page a.num{display: none;}

	.page a.prev,.page a.next{width: 40px; height: 40px;}

	.page a.prev{margin-right: 10px;}

	.page a.next{margin-left: 10px;}



	.search_text,.search_btn,.search,.search_box,.head_t{height: 40px; line-height: 40px;}

	.lang{top:260px;}

	

	/***关于我们************/

    /*第一排*/

    .main-com-f1{padding-top: 0;}

    .main-com-f1-r{width: 100%;float: left}

    .main-com-f1-r .p4 a{font-size: 16px;}

    .main-com-f1-l{width: 100%;float: right;margin-top: 5%}

    .main-com-f1-l li{width: 49%;margin-right: 2%}

    .main-com-f1-l li:nth-child(3n){margin-right: 2%}

    .main-com-f1-l li:nth-child(2n){margin-right: 0}

    .main-com-f1-l li:nth-child(n+3){margin-top: 2.5%}

    .main-com-f1-l li .son{background-size:38px!important;}

    .main-com-f1-l li .t p{font-size: 12px;}

    .main-com-f1-l li .t{margin-top: 40%;}

    .main-com-f1-r .p1{font-size: 14px;font-weight: bold;color: #2b2b2b;text-align: left}

    .main-com-f1-r .p2{font-size: 24px;padding: 0;}

    .main-com-f1-r .p3{font-size: 14px;margin-top: 5%}

    .main-com-f1-r .p4{display: none}

    .main-com-f1-l li .son{padding: 15% 7%; width:180px;}

    .main-com-f1 .t1{display: none}

}



@media screen and (orientation: portrait) and (max-width: 767px) {

    /*竖屏 css*/

 	.head{width: 100%;}

}

@media screen and (orientation: landscape) and (max-width: 767px) {

  	/*横屏 css*/

  	.head{width: 50%;}

}





/*font-size*/

.fnt_12 { font-size: 12px;}

.fnt_14 { font-size: 14px;}

.fnt_16 { font-size: 16px;}

.fnt_18 { font-size:18px;}

.fnt_20 { font-size: 20px;}

.fnt_22 { font-size:22px;}

.fnt_24 { font-size:24px;}

.fnt_26 { font-size:26px;}

.fnt_28 { font-size:28px;}

.fnt_30 { font-size:30px;}

.fnt_32 { font-size:30px;}

.fnt_34 { font-size:34px;}

.fnt_36 { font-size:36px;}

.fnt_38 { font-size:38px; font-weight:bold;}

.fnt_40 { font-size:40px;}

.fnt_44 { font-size:44px;}

.fnt_46 { font-size:46px;}

.fnt_48 { font-size: 48px;}

.fnt_52 { font-size: 52px;}

.fnt_58 { font-size: 58px;}

.fnt_60 {font-size: 60px;}

.fnt_90 {font-size: 90px;}

.fnt_120 { font-size: 120px;}



@media only screen and (max-width: 1607px) {

	.fnt_40{

		font-size: 34px;

	}

}



@media only screen and (max-width: 1600px) {

	.fnt_90 {font-size: 60px;}

	.main-com-f1-r .p3{font-size: 16px;}

}





@media only screen and (max-width: 1550px) {

.fnt_16 { font-size: 14px;}

.fnt_18 {  font-size:15px;}

.fnt_20 { font-size: 16px;}

.fnt_22 {  font-size:18px}

.fnt_24 { font-size:21px;}

.fnt_26 { font-size:24px;}

.fnt_28 {  font-size:22px;}

.fnt_30 {  font-size:24px;}

.fnt_32 {  font-size:25px; line-height:34px; }

.fnt_34 {  font-size:26px;}

.fnt_36 { font-size:28px;}

.fnt_40 { font-size:30px;}

.fnt_44 { font-size:35px;}

.fnt_46 { font-size:36px;}

.fnt_48 {  font-size:38px;line-height: 47px;}

.fnt_52 { font-size:42px;}

.fnt_58 { font-size:48px;}

.fnt_60 {font-size: 48px;}



.fnt_120 { font-size: 105px;}

.fnt_38 { font-size:34px;}



.footer_t .middle,.footer_b .middle{width: 230px; margin-left:6%;}

.footer_t .right,.footer_b .right{width: 50%;}

}





@media only screen and (max-width: 1425px) {

.fnt_16 { font-size: 13px;}

.fnt_18 {  font-size:14px;}

.fnt_20 { font-size: 15px;}

.fnt_22 { font-size:16px;}

.fnt_24 { font-size:21px;}

.fnt_26 { font-size:22px;}

.fnt_28 { font-size:18px;}

.fnt_30 {  font-size:20px;}

.fnt_32 { font-size:21px; line-height:29px; }

.fnt_34 { font-size:22px;}

.fnt_36 { font-size:24px;}

.fnt_40 { font-size:26px;}

.fnt_44 { font-size:29px;}

.fnt_46 { font-size:30px;}

.fnt_48 { font-size:32px;line-height:38px;}

.fnt_52 { font-size:36px;}

.fnt_58 { font-size:40px;}

.fnt_60 {font-size:40px;}

.fnt_120 { font-size: 105px;}

.fnt_38 { font-size:28px;}



.footer_t .left ul{margin: 0 -20px;}

.footer_t .left dl{padding: 0 20px;}



.main-com-f1-l li .t p{font-size: 16px;}

.main-com-f1-r .p3{font-size: 14px;}



.sideMenu {position: fixed;right: 90%;}

}



@media only screen and (max-width: 1140px) {

.fnt_26 { font-size:20px;}

.fnt_28 { font-size:16px;}

.fnt_30 {  font-size:18px;}

.fnt_32 { font-size:19px; line-height:26px; }

.fnt_36 { font-size:21px;}

.fnt_40 { font-size:24px;}

.fnt_44 { font-size:26px;}

.fnt_46 { font-size:28px;}

.fnt_48 { font-size:28px;}

.fnt_60 {font-size:34px;}

.fnt_58 { font-size:32px;}

.fnt_52 { font-size:30px;}

.fnt_120 { font-size: 70px;}

.fnt_24 { font-size:18px;}

}



@media only screen and (max-width: 1200px) {

.main-com-f1-l li .t p{font-size: 12px;}

}



@media only screen and (max-width: 1024px) {

.fnt_14 { font-size:12px;}	

.fnt_26 { font-size:18px;}

.fnt_48 { font-size:26px;line-height:30px;}

.fnt_40 { font-size:20px;}

.fnt_44 { font-size:23px;}

.fnt_46 { font-size:24px;}

.fnt_36 { font-size:19px;}

.fnt_60 {font-size:30px;}

.fnt_120 { font-size: 64px;}

.fnt_24 { font-size:16px;}

.fnt_38 { font-size:20px;}

.fnt_58 { font-size:28px;}

.fnt_52 { font-size:26px;}



.footer{padding: 30px 0;}

.footer_t .left, .footer_b .left,.footer_t .right, .footer_b .right{width: 100%;float: none;}

.footer_b{margin-top: 20px;}

.footer_b .left{margin-top: 10px;}

.footer_t .left{margin-bottom: 20px;}

.footer_t .left dt{margin-bottom: 10px;}

.footer_t .left li{float: none;width: 100%;}

.footer_t .left ul{margin: 0;}

.footer_t .left dl{padding:10px 0;border-bottom: 1px dashed #4c4848;}

.footer_t .left li:last-child dl{border-bottom: 0;}

.footer_t .left dd{overflow: hidden;}

.footer_t .left dd p{float: left;margin-right: 20px;}

.footer_b .right{}

.footer_b .right ul{width: 400px;margin:auto;}

.footer_b .right li{}

}



.baner_p_img{width: 57%;}

.baner_p_img img,.phone_baner_p_img img{width: 100%;}

.phone_baner_p_img{display: none;width:280px;}



.baner_p_txt{width:100%; margin:0 auto;}

.baner_p_txt .entxt{color:#FFF; font-size:45px; text-align:left; text-shadow:#666 2px 2px 3px;}

.baner_p_txt .cntxt{color:#FFF; font-size:17px; width:55%; text-align:left; text-shadow:#666 1px 1px 2px;}

.phone_baner_p_txt{display: none;}



@media only screen and (max-width: 768px) {

.fnt_22{ font-size:16px;}

.fnt_26 { font-size:16px;}

.fnt_32 { font-size:16px; line-height:24px; }

.fnt_34{ font-size:18px;}

.fnt_36 { font-size:15px;}

.fnt_40 { font-size:20px;}

.fnt_44 { font-size:20px;}

.fnt_46 { font-size:20px;}

.fnt_48 { font-size:20px;}

.fnt_60 {font-size:20px;}

.fnt_120 { font-size: 48px;}

.fnt_38 { font-size:20px;}

.fnt_58 { font-size:24px;}

.fnt_52 { font-size:22px;}

.fnt_90 { font-size:30px;}



.banner .banner_con{width: 90%;left: 5%;}

.baner_p_img{display: none;}

.phone_baner_p_img{display: block;}



.baner_p_txt{display: none;}

.phone_baner_p_txt{display: block; width: 100%;}

.pentxt{color:#FFF; font-size:22px; text-align:center; text-shadow:#666 1px 1px 2px;}

.pcntxt{color:#FFF; font-size:16px; text-align:center; text-shadow:#666 1px 1px 2px; margin-top:10px;}



.header {

	position: fixed;

	z-index: 10;

	width: 100%;

	top: 0;

	left: 0;

	-webkit-transition: all 0.5s;

	transition: all 0.5s;

	background-color: rgba(238,238,238,0);

	height:100px;

	padding: 10px 0;

}

.header .logo {

	height: 30px;

	line-height: 30px;

	float: none;

	padding: 0;

	margin-left:15px;

}

.header .logo img {

	height: 40px;

}

.header .nav {

	display: none;

	float: none;

	margin-top:20px;

}

.header .nav li {

	display: block;

	margin: 0;

	border-bottom: 1px solid #ddd;

	float: none;

	background-color: rgba(255,255,255);

}

.header .nav li a {

	line-height: 40px;

	padding: 0 15px;

	font-size: 16px;

	color:#000;

}

.header .nav li .arr {

	display: block;

	position: relative;

	z-index: 1;

}

.header .nav li.active a, .header .nav li.open a, .header .nav li a:hover {

}

.header .nav li.open>a:after, .header .nav li.active>a:after, .header .nav li>a:hover:after {

	width: 0;

}

.header .nav li.open .arr:after {

	border-color: #fff;

	-webkit-transform: rotate(225deg);

	transform: rotate(225deg);

}

.header .nav .dropdown-box {

	position: static;

	background-color: #f5f5f5;

	min-width: auto;

	text-align: left;

}

.header .nav .dropdown-box a {

	color: #333 !important;

	border-top: 1px dotted #ddd;

	padding: 0 15px;

	line-height: 40px;

	background-color: rgba(255,255,255,0.7);

	border-bottom: 0;

}

.menu-btn {

	display: block;

	padding: 10px 15px;

}

.header .sc {

	margin-left: 0;

	margin-right: 20px;

}

.header .sc-btn {

	height: 30px;

	background-size: 18px auto;

}

.header .sc-box {

	margin-top: 10px;

	margin-right: -59px;

}

.header .nav .dropdown-box {

	background: none;

}

.header .nav .dropdown-box a {

	background-color: rgba(255,255,255,0.3);

}



.mamain {width: 100%; background:#000; clear:both; height:360px;}

.ma{height:170px;}

.ma img {width: 100%; height:170px;}

.ma .txt { width:100%;  margin:0 auto; color:#ccc; font-size:12px; padding:10px 0;}

.ma .txt p {color:#fff; font-size:18px; padding:10px 0; text-align:center;}

.callbacks_tabs.callbacks1_tabs{position: absolute; color: #fff; left:5.2%; top:20px; z-index: 10;}

.callbacks_tabs.callbacks1_tabs li a{display: block; font-size: 0;width: 50px; height: 15px; margin-bottom: 1px;}



.footer{color: #666666;}

.footer_b .right ul{width: 100%;}

.footer_t .middle,.footer_b .middle{width: 230px; float:right; margin-bottom:20px;}



.sideMenu {display: none;}

.sideMenu2 {display: none;}



.ny_left{ width:100%; position: inherit; background:#FFF;}

.ny_right{ width:100%;}



}