/* 初始化CSS 公共样式*/
body{ margin:0px; padding:0px;font-family: "microsoft yahei", sans-serif;font-size: 12px;line-height: 180%;color: #333; *overflow-x:hidden;min-width:1210px;}
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td,i,em {margin: 0;padding: 0;list-style-type: none; font-style:normal}
a{ bblr:expression(this.onFocus=this.blur());/*IE使用*/ outline-style:none;/*FF使用*/ }
a:link {font-family: "microsoft yahei", "宋体", Arial, Helvetica, sans-serif;font-size:12px;color: #000000;text-decoration: none;}
a:visited {font-family: "microsoft yahei", "宋体", Arial, Helvetica, sans-serif;font-size:12px;color:#000000;text-decoration: none;}
a:hover {font-family: "microsoft yahei", "宋体", Arial, Helvetica, sans-serif;font-size:12px;color:#E24615;text-decoration: none;}
img{border:none; display:block;}
i{ display:block;}

.main{ width:100%; margin:auto; overflow:hidden}
.mainmid{ width:1210px; margin:auto; overflow:hidden;}
.mainbig{ width:1348px; margin:auto; overflow:hidden;}
.advcont_main{ width:1025px; margin:0 auto; overflow:hidden;}
.f_left{ float:left;}
.f_right{ float:right;}
.relative{ position:relative;}
.none{ display:none;}
.m_auto{ margin:0 auto;}
.overhidd{ overflow:hidden;}
.textR{ text-align:right;}

.h150{ height:150px;}
.h180{ height:180px;}
.h440{ height:440px;}
.h600{ height:600px;}
.h650{ height:650px;}
.h670{ height:670px;}
.h680{ height:680px;}
.w800{ width:800px;}
.w900{ width:900px;}
.w990{ width:990px;}

.paddt5{ padding-top:5px;}
.paddt15{ padding-top:15px;}
.paddt20{ padding-top:20px;}
.paddt35{ padding-top:35px;}
.paddt50{ padding-top:50px;}
.paddt45{ padding-top:45px;}
.paddt55{ padding-top:55px;}
.paddt60{ padding-top:60px;}
.paddt70{ padding-top:70px;}
.paddt75{ padding-top:75px;}
.paddt120{ padding-top:120px;}
.paddt165{ padding-top:165px;}
.paddb35{ padding-bottom:35px;}
.paddb45{ padding-bottom:45px;}
.paddb60{ padding-bottom:60px;}
.paddb80{ padding-bottom:80px;}
.paddb100{ padding-bottom:100px;}
.paddl48{ padding-left:48px;}
.paddl60{ padding-left:60px;}
.paddl120{padding-left: 120px;}
.paddl160{padding-left: 160px;}

.paddr40{ padding-right:40px;}
.paddr70{ padding-right:70px;}
.paddr82{ padding-right: 82px;}
.paddr105{ padding-right:105px;}

.mart12{ margin-top:12px;}
.mart30{ margin-top:30px;}
.mart40{ margin-top:40px;}
.mart50{ margin-top:50px;}
.marb10{ margin-bottom:10px;}
.marb20{ margin-bottom:20px;}
.marb30{ margin-bottom:30px;}
.marb40{ margin-bottom:40px;}
.marb50{ margin-bottom:50px;}
.marr80{ margin-right:80px;}

.gray_bg{ background:#F4F4F4;}
.black_bg{ background:#161616;}
.blue_bg{ background:#00B7EE;}
.red_bg{ background:#F7533B;}
.font_bold{ font-weight:bold;}

/*======公用样式======*/
/*标题*/
h1,h2,h3,h4{ font-weight:normal;}
h1,h2,h4{text-align:center; line-height:200%;}
h1{ font-size:52px; color:#4c2502;}
h2{ font-size:40px;}
h2.red{ color:#e7372a;}
h2.orange ,  h3.orange{ color:#ff3200;}
h2.red2 ,  h3.red2{ color:#f2445d;}
h2.black , h4.black{ color:#000;}
h2.white , h3.white , h4.white{ color:#FFF;}
h3{ font-size:16px;text-align:center; line-height:160%;}
h3.black{ color:#333;}
h4{ font-size:36px;}

/*360旋转动画*/
.rotate{
    -webkit-transition: 0.4s;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
}
.rotate:hover{
    transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
}

/*===导航及下拉菜单===*/
.nav_bar{width:100%;height:70px; background:#272727;}
.nav_content{width:1300px; margin:0 auto; overflow:hidden;}
.logo{float:left; padding-top:10px;}
.nav { float:right;}
.nav .m{float:left; text-align:center;}
.nav .m .subbg li.on a{color: #f9334b;}
.nav .m h3 span{ display:inline-block;margin-left:10px;width:7px;height: 7px;background-image: url(../images/down-icon.png);}
/*图标向上旋转*/
.hover-up{transition-duration: .5s;transform: rotate(180deg);-webkit-transform: rotate(180deg);}
/*图标向下旋转*/
.hover-down{transition-duration: .5s;transform: rotate(0deg);-webkit-transform: rotate(0deg);}
.navBar h3 a{ color:#fff}
.nav h3 a{ display:block;padding:0 15px;font-weight:normal; font-size:16px; line-height:70px; color:#FFF;}
.nav .on h3 a{background-color:#414141;}
.nav .sub{ display:none; /*默认隐藏*/ width:100%;position:absolute; z-index:99999;left:0;top:70px;background-color:rgba(255,255,255,0.92);} 
.nav_iconbox { width:500px;margin-left:410px; overflow:hidden;}
.nav .sub li{overflow:hidden; float:left;padding:4px 23px 10px;}
.nav .sub li span{font-weight: bold; font-size:14px;line-height:40px;width:124px;text-align:center;}
.nav .sub li i {display:block; width:120px; height:90px; background:url(../images/nav_icon.png); overflow:hidden; border:5px solid rgba(255,255,255,1); border-radius:4px;}
.nav .sub li i.nav_icon1{ background-position:0 0;}
.nav .sub li i.nav_icon2{ background-position:-121px 0;}
.nav .m .subbg li.on a {color: #f9334b;}
.nav .sub li{ text-align:center; border-bottom:1px solid #eee;}
.nav .sub li a{ font-size:14px; line-height:40px;display:block;}
.nav .sub li.linehl a{ color:#CACACA;}
.nav .sub li a:hover{color:#F9334b;}
.subbg{ background:#FFF;}
.ys_btn{ position:relative; z-index:9999; padding-left:10px; top: 19px;}

/*公共底部*/

.font_bottom{font-size:12px; color:#aaa; text-align:center; display:block;  padding:15px 0 15px; border-top:1px solid #333}
.font_bottom a{color:#CCC;}
.footer{ text-align:center}
.footer p{ color:#fff; margin:auto; font-size:18px;}



.vs ul{width:400px; margin-top:100px; font-size:18px; color:#fff;}
.vs ul li strong{background-color: white;
    border-radius: 100px;
    color: #000;
    padding: 3px 9px;}

.vs ul li h3{ font-size:30px; padding-bottom:20px;}
.vs ul li{ font-size:16px;line-height: 26px;padding-bottom:15px}


.footer_a{ width:1210px; margin-left:auto; margin-right:auto; padding:20px 0px; height:auto; overflow:hidden}
.footer_a ul li{ width:400px; display:inline-block; text-align: center; float:left}
.footer_a ul li.dh{ background-image:url(../images/dh.png); background-repeat:no-repeat; background-position:left 5px; padding-left:80px; color:#ff7800; width:320px; line-height:36px;}
.footer_a ul li p{ font-size:14px}
.footer_a ul li p span{ width:30%; display:inline-block;; text-align:left}
.footer_a ul li p em{ font-style:normal;  font-size:18px !important}

ul.lla li{ width:300px; float:left; text-align:center; color:#fff; padding:20px; box-sizing:border-box}
ul.lla li img{ display:block; margin:10px auto}
ul.lla li h2{ font-size:18px; display:block}
ul.lla li p{ font-size:14px;}


.technology{ width:100%; height:616px; text-align:center; background:url(../images/upg16.jpg) center no-repeat; padding-top:60px}
.techno_a{ font-size:46px; font-weight:bold; color:#f5e82d; padding-top:60px; padding-bottom:70px;}
.techno_b{ width:1020px; height:537px; background:url(../images/upg17.png) left no-repeat; margin:0px auto;position:relative;}
.techno_c{ font-size:18px; color:#483f42; display:inline-block; background:url(../images/upg18.png) center no-repeat; width:305px; height:36px; line-height:36px;position: absolute;  top: 110px; left: 88px;  z-index: 99;}
.techno_d{ font-size:18px; color:#483f42; background:url(../images/upg19.png) center no-repeat; width:202px; height:36px; line-height:36px; display:inline-block;position: absolute; top: 302px; left: 74px;  z-index: 99;}
.techno_e{ float:right;}
.techno_e p{ font-size:18px; color:#fff; text-align:left;padding-top: 64px;}
.techno_f{ position:relative; left:-52px; top:50px;}
.techno_g{ position:relative; left:36px; top:40px;}
.techno_h{ position:relative; left:64px; top:40px;}
.techno_i{ position:relative; left:40px; top:40px;}
.techno_j{ position:relative; left:-52px; top:30px;}
.techno_k{ font-size:22px; color:#343434; position:absolute;bottom: 214px; right: 360px; z-index:99;}

.fr{ float:right}
.fl{ float:left}
.w-50{ width:360px}
.se_ls h2{ font-size:18px; font-weight:bold; margin-top:20px; text-align:left}
.se_ls p{ margin-top:20px; font-size:14px; color:#666}
.se_ls{margin-top:20px; display:block}

.w1200{ width:1200px; margin-left:auto; margin-right:auto; height:auto; overflow:hidden}
.relax-list {
	width: 1200px;
	padding: 40px 0px
}
.relax-list.ss li{ width:210px}
.relax-list li {
	width: 270px;
	background: #fff;
	padding-top: 50px;
	float: left;
	text-align: center;
	margin: 0 15px 15px;
}
.relax-list li:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}
.relax-list li .relax-tit {
	line-height: 106px;
	font-size: 18px;
	color: #262626;
}
.relax-list li .relax-ico {
	height: 104px; width:104px; margin:auto; text-align:center
}
.relax-list li .relax-ico img{ display:inline-block}

.service-tab{
	width:480px;
	border:1px solid #eee;
	box-shadow:0 5px 5px rgba(0, 0, 0, .05);
	line-height: 54px;
	height:54px;
	margin: 0 auto;
	border-radius:27px;
	overflow: hidden; clear:both
}
.service-tab li{
	line-height: 54px;
	height:54px;
	border-right:1px solid #eee;
	width:239px;
	float: left;
	font-size:18px;
	color:#7e7e7e;
	text-align: center;
	cursor: pointer; background-color:#fff
}
.service-tab .br0{
	border-right:0;
}
.service-tab .active{
	background:#ffc209;
	color:#fff;
}

.new-st2{
	width: 1200px;
	height: auto;
	margin-left: auto;
	margin-right: auto; padding:40px 0px
}
.new-sw{ width:1200px; margin:50px auto 0px; padding-bottom:50px}
.new_sw .swiper-container{width: 1200px; height: 540px;}
.new_sw .swiper-container .swiper-slide{ height: 540px; position: relative; overflow: hidden;}
.swiper-slide .tb{display: inline-block; position: absolute;bottom: 10px; z-index: -1;}
.swiper-slide .sl{width: 270px; height: 480px; display:inline-block; margin-right:39px;}
.swiper-button-prev{background-image: url(../images/new-left.png);background-size: 36px 68px; width: 36px; height: 68px; left: 0; margin-top: -50px;}
.swiper-button-next{background-image: url(../images/new-right.png);background-size: 36px 68px; width: 36px; height: 68px; right: 0; margin-top: -50px;}
.swiper-slide p{font-size: 18px; text-align: center; margin-top: 20px; color:#fff}