@charset "utf-8";

* {	margin: 0;	padding: 0;}

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img {	border: medium none;	margin: 0;	padding: 0; font-weight:500;}

body,button,input,select,textarea {	 font-family:"微软雅黑","宋体",tahoma,Srial,helvetica,sans-serif;	outline: none;}

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

ul,ol,li {	list-style: none; }

a {	text-decoration: none;	color: #373737;    vertical-align: top;}

a:hover {	color: #0f71c5;}

img {	border: 0px;}

em{ font-style:normal;}

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

html,body {	color: #373737;	background: #fff;	margin: 0 auto;font-size: 14px !important; overflow-x:hidden;}

/*在浏览器拖动鼠标颜色*/

::selection { color: #fff; background-color: #1973c1;}    

::-moz-selection { color: #fff; background-color: #1973c1;} 

/*更改浏览器滚动条颜色兼容*/

html,body{ 

/*更改ie内核滚动条颜色*/

	scrollbar-face-color:#000; 

	scrollbar-highlight-color:#000;

	scrollbar-shadow-color:#000; 

	scrollbar-3dlight-color:#000; 

	scrollbar-arrow-color:#222; 

	scrollbar-track-color:#222; 

	scrollbar-darkshadow-color:#000; 

}  

/*更改-webkit-内核滚动条样式*/

::-webkit-scrollbar { width:8px;  height: 8px; background-color: #fcfcfc;}  

::-webkit-scrollbar-track  { border-radius: 10px; background-color: #fcfcfc;}  

::-webkit-scrollbar-thumb  {  border-radius: 10px; background-color: #211F1F; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}

.hide {	display: none;}

.clear {	clear: both;}

.w{width:100%;height:40px;}

.top10{margin-top:10px !important;}

.top20{margin-top:20px !important;}

.top30{margin-top:30px !important;}

.top40{margin-top:40px !important;}

.top60{margin-top:60px !important;}

.center{ text-align:center;}

.pic100 img{width:100%;}

h1{ font-size:26px;color:#464646;}

.justify_fix{display:inline-block;*display: inline; *zoom:1; width:100%; height:0; overflow:hidden;}

.f-turn{-webkit-transition: all .3s ease-in;

    -moz-transition: all .3s ease-in;

    -ms-transition: all .3s ease-in;

    -o-transition: all .3s ease-in;

    transition: all .3s ease-in;}

.fl{float:left;}

.fr{float:right;}

.pad45{padding:45px 0;}

.pad77{padding:77px 0;}

.overflow{ overflow:hidden;}

.white,.white a{ color:#fff;}

.rela{ position:relative;}

.marginT0{ margin-top:0 !important;}

.top25{ margin-top:25px;}@font-face {

    font-family: 'caslon_3_small_caps__oldroman';

    src: url('../fonts/caslonthree-romansc-webfont.woff2') format('woff2'),

         url('../fonts/caslonthree-romansc-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'bostonbold_italic';

    src: url('../fonts/boston_bold_italic-webfont.woff2') format('woff2'),

         url('../fonts/boston_bold_italic-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



.menubtn {  margin-top: 30px; display:none; position:absolute;right:1%;top:15px;  z-index:15;}

.menubtn img{ height:50px;}

header{padding:15px 50px 20px;position: relative;z-index: 9999;}

.logo{float:left; display:inline-block;}

nav{ float:right;font-size:16px;width: 55%;margin: 25px 0 0 0; font-size:0;}

nav li{ display:inline-block;width:11.5%; text-align:center;font-size:18px;}

nav li a.cur{ color:#0f71c5;}

.banner{
	position: relative;
	width: 100%;
	overflow: hidden;
	cursor: move;
}

.banner .container{
	position: relative;
}

.banner .swiper-container {
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
}

.banner .pagination {
    position: absolute;
    width: 100%;
    z-index: 20;
    left: 0;
    bottom: 20px;
    text-align: center;
}
.banner .swiper-pagination-switch {
  display: inline-block;
  width: 45px;
  height: 3px;
  background: #fff;
  margin: 0 6px;
  border: 1px solid #fff;
  cursor: pointer;
  border: none;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -ms-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.banner .swiper-visible-switch {
  background: #fff;
}
.banner .swiper-active-switch {
  background: #d70c19;
  opacity: 1;
}

.banner .swiper-slide{
	position: relative;
	overflow: hidden;
}

.banner .swiper-slide a{
	position: relative;
	display: block;
	height: 500px;
}

.other1{ background:url(../images/other1.jpg) no-repeat fixed center center; background-size:100% 80%; padding:180px 0;}

.site{ margin-top:76px; border:1px solid #fff;padding:8px 56px; display:inline-block;}

.tit h2,.tit h2 a{ font-size:36px; font-weight:bold;}

.tit article,.jsjlC a p{line-height:25px; color:#8b8a8a; width:80%;margin:25px auto 0;}

.tit article{ width:90%;}.tit.white article{ color:#fff;}

.pro1C dl{ padding:0;}

.pro1C dl.dl2,.new1C dl:nth-child(2),.areanav dl.dl2{animation-delay: 0.2s;transition: all 0.2s;}

.pro1C dl.dl3,.new1C dl:nth-child(3),.areanav dl.dl3{animation-delay: 0.4s;transition: all 0.4s;}

.pro1C dl.dl4,.areanav dl.dl4{animation-delay: 0.6s;transition: all 0.6s;}

.pro1C dl.dl5,.areanav dl.dl5{animation-delay: 0.8s;transition: all 0.8s;}

.pro1C dl.dl6,.areanav dl.dl6{animation-delay: 1s;transition: all 1s;}

.areanav dl.dl7{animation-delay: 1.2s;transition: all 1.2s;}

.areanav dl.dl8{animation-delay: 1.4s;transition: all 1.4s;}

.pro1 div dl a{ display:block; padding:50px 0;}

.pro1 div dl.dl1 a{ background-color:#ececec;}

.pro1 div dl.dl2 a{ background-color:#f2f1f1;border-left:1px solid #fff;}

.pro1 div dl.dl3 a{ background-color:#f4f4f4;border-left:1px solid #fff;}

.pro1 div dl.dl4 a{ background-color:#f8f8f8;border-left:1px solid #fff;}

.pro1 div dl.dl5 a{ background-color:#fbfbfb;}

.pro1 div dl.dl6 a{ background-color:#fff;}

.pro1 div dl dt{ font-size:60px; color:#0f71c5;font-family: 'caslon_3_small_caps__oldroman'; font-weight:100;}

.pro1 div dl dd{ font-size:18px; text-transform:uppercase;}

.pro2{ background:url(../images/bg1.jpg) no-repeat center center fixed; padding-top:77px;margin-bottom: 30px;}

.pro2C{margin: 25px -15px 0;}

.pro2C ul{ margin-bottom:0;}

.pro2C li a{ background-color:#fff; padding:14px 0; font-size:20px; display:block;}

.pro3C dt{ background-color:#f8f8f8; overflow:hidden;}


.pro3C dd{ background-color:#f8f8f8; margin-top:2px; padding:15px 0; position:relative; height:50px; overflow:hidden;}

.pro3C dl a{ display:block; position:relative; overflow:hidden;}

.pro3C article{ position:absolute;width:100%;bottom:100%;left:0;-webkit-transition: all .3s ease-in;

    -moz-transition: all .3s ease-in;

    -ms-transition: all .3s ease-in;

    -o-transition: all .3s ease-in;

    transition: all .3s ease-in;}

.pro3C dl div{ background:#1973c1; text-align:left; padding:10px 25px 30px 25px;}

.pro3C dl div h5{ font-size:18px; font-weight:bold; padding-bottom:14px; background:url(../images/proTbg.jpg) no-repeat bottom left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; *white-space:nowrap;}

.pro3C dl div p{ font-size:12px; line-height:25px; margin:15px 0; height:145px; overflow:hidden;}

.pro3C dl div span{ font-size:12px; padding:5px 10px; border:1px solid #fff;}

.pro3C dl a:hover article{ bottom:0;}
.bg_cover{
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
}

footer{ background:url(../images/foot.jpg) no-repeat center center; background-size:cover;}

.footB{ background-color:#313131; height:60px;}



.footBB{ background-color:#313131; padding:20px 0;}



.footBB li{ display:inline-block; margin:0 10px;}



.footBB p{ text-align:right;}

.logo2{ width:230px;float:left;}

.footC{ float:right;width:calc(100% - 320px);text-align: right;}

.footC li{ display:inline-block; margin-right:5%; text-align: left; line-height:30px;}

#container{width:100%;height:100%;position: absolute;z-index: 0;top: 0px;left: 0; }

.other2{ background:url(../images/other2.jpg) no-repeat fixed center center; background-size:100% 60%; padding:80px 0;}

.othernav{ border-bottom:1px solid #dcdcdc;}

.othernav1{float:left; width:80%; margin-bottom:0;}

.othernav1 li{ float:left; min-width:19%; text-align:center; font-size:16px;}

.othernav1 li a{ display:block; padding:18px 0;border-right: 1px solid #dcdcdc;}

.othernav1 li a:nth-child{border-left: 1px solid #dcdcdc;}

.othernav1 li a:hover,.othernav1 li a.cur,.pronav li a:hover,.pronav li a.cur,.newmore a:hover,.prenext p:hover span{ background-color:#0f71c5; color:#fff;}

.othernav p,.back p{float:right;    margin-top: 15px; color:#434242;}

.othernav p i,.back p i{ width:33px;height:33px; display:inline-block; vertical-align:middle;margin-left:5px; background:url(../images/icon-1.png) no-repeat;    margin-top: -5px;}

.pronav li{ display:inline-block; margin:5px 3px; min-width:12%; font-size:16px; text-transform:uppercase;}

.pronav li a{ display:block; border:1px solid #dcdcdc; padding:10px;}

.pagelist{ margin-top:30px;}

.pagelist li{ display:inline-block; margin:0 3px;}

.pagelist li a{ display:block; padding:8px 15px; border:1px solid #dcdcdc; color:#a7a7a7;}

.pagelist li a.cur,.pagelist li a:hover{ background-color:#1973c1;color:#fff;}

.other3{background:url(../images/other3.jpg) no-repeat fixed center center; background-size:100% 80%; padding:180px 0;}

.new1C dl dt{ overflow:hidden;}

.new1C dl dt img{transition: all 1s linear 0s;-webkit-transition: all 1s linear 0s;-moz-transition: all 1s linear 0s;-ms-transition: all 1s linear 0s;}

.new1C dl a:hover dt img{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);}

.new1C dl dd h5,.newlist li h5,.newlistul li h5{ font-size:18px; margin-top:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; *white-space:nowrap;}

.new1C dl dd time,.newlist li time{ color:#ababab;margin-top:12px; display:block;}

.newmore{ margin-top:40px;}

.newmore a{border:2px solid #a0a0a0; padding:12px 25px; display:inline-block; color:#a0a0a0;}

.newmore a i{ width:35px;height:14px; display:inline-block; margin-left:10px; vertical-align:middle; background:url(../images/icon-2.png) no-repeat;}

.newmore a:hover{border-color:#0f71c5;}

.newmore a:hover i{background:url(../images/icon-3.png) no-repeat;}

.new2{background: url(../images/bg2.jpg) no-repeat center center fixed;}

.new2C,.new2C h5,.new2C article{ width:80%;margin:auto;}

.new2C h5{ font-size:30px; font-weight:bold;}

.new2C article{line-height:25px;margin:25px auto 0;}

.new2more{ margin-top:40px;}

.new2more a{ text-decoration:underline;}

.other4{background:url(../images/other4.jpg) no-repeat fixed center center; background-size:100% 60%; padding:80px 0;}

.newlistul li{ margin-bottom:30px;}

.newlistul li time{ margin:0; text-align:left;}

.newlistul li h5 {margin-top: 15px;}

.newlistul li p{ font-size:12px;color:#ababab;margin-top:12px; line-height:22px;height:44px; overflow:hidden;}

.newlistul li.lieven{ padding-right:40px !important; background:url(../images/newlistbg.jpg) repeat-y right;}

.newlistul li.liodd{ padding-left:40px !important;}

.newlistul li.li1{width: 66.66666666666666% !important; padding-right:15px !important; background:none;}

.newlistul li.li2{width: 66.66666666666666% !important; padding-left:15px !important;}

.newmain h1{ font-size:24px; text-align:center; font-weight:bold;}

.newmain time{ display:block; text-align:center; margin:26px 0 30px; color:#ababab;}

.newmain time span{ margin:0 10px; display:inline-block;}

.newmain .info{ background-color:#f8f8f8; padding:30px; line-height:25px;color:#929292;}

.newmain article,.aboutC,.areaCcon{ line-height:28px; margin:30px 0; color:#929292;}

.newmain article img,.aboutC img{ max-width:100%;}

.prenext { margin-top:55px;}

.prenext p{ padding:0;color:#929292;}

.prenext p span{ background-color:#f8f8f8; display:inline-block; width:38px; width:120px; text-align:center;line-height:38px;}

.prenext p a{/* line-height:36px;*/overflow:hidden;text-overflow:ellipsis;white-space:nowrap; *white-space:nowrap; display:inline-block;width:calc(100% - 122px); /*margin-left:1px;*/ text-indent:10px;color:#929292;}

.tj{ margin-top:57px;}

.tjC{ margin:35px -15px 0;}

.other5{background: url(../images/other5.jpg) no-repeat fixed center center; background-size: 100% 100%; padding: 180px 0;}

.abouttit{ padding:77px 0 50px;} 

.aboutCcon{ background-color:#f8f8f8; padding:70px 38px; z-index:2;}

.aboutCcon i{ width:48px;height:48px; display:inline-block; background:url(../images/icon-6.png) no-repeat; position:absolute;left:50%;margin-left:-24px; top:-24px;} 

.aboutbg {  position:absolute;bottom:-100px;background:url(../images/bg4.jpg) no-repeat center center fixed;}

.back{ margin:113px 0 77px 0; }

.other6{background: url(../images/other6.jpg) no-repeat fixed center center; background-size: 100% 80%; padding: 180px 0;}

.jsjlC{ margin:25px -15px 0;}

.jsjlC a{ display:block; background-color:#f8f8f8; padding:40px;}

.jsjlC a h5{ font-size:24px; font-weight:bold; margin-bottom:15px;}

.jsjlC a h5 b{ color:#1670be;  display:inline-block; margin-right:10px; font-size:48px;font-family: 'bostonbold_italic'; vertical-align:middle;}

.jsjlC a p{ margin-top:30px; width:100%; height:100px; overflow:hidden;}

.jsjlC a:hover{ -webkit-box-shadow: 0 0 15px 5px #1670be; -moz-box-shadow: 0 0 15px 5px #1670be; box-shadow: 0 0 15px 5px #1670be; }

.other7{background: url(../images/other7.jpg) no-repeat fixed center center; background-size: 100% 80%; padding: 180px 0;}

.map{ height:320px;}

.contactR h5{ font-size:24px; font-weight:bold; color:#0f71c5;}

.contactR article{ margin-top:25px; font-size:16px; color:#8b8a8a; line-height:35px;}

.other8{background: url(../images/other8.jpg) no-repeat fixed center center; background-size: 100% 80%; padding: 180px 0;}

.areanav dl{ width:12.5%;float:left;}

.areanav dl a{ display:inline-block;-webkit-transition: all .3s ease-in;

    -moz-transition: all .3s ease-in;

    -ms-transition: all .3s ease-in;

    -o-transition: all .3s ease-in;

    transition: all .3s ease-in;}

.areanav dl dt{ width:71px;height:71px; display:inline-block; margin:auto;}

.areanav dl.dl1 dt{ background:url(../images/icon-7.png) no-repeat;}

.areanav dl.dl2 dt{ background:url(../images/icon-8.png) no-repeat;}

.areanav dl.dl3 dt{ background:url(../images/icon-9.png) no-repeat;}

.areanav dl.dl4 dt{ background:url(../images/icon-10.png) no-repeat;}

.areanav dl.dl5 dt{ background:url(../images/icon-11.png) no-repeat;}

.areanav dl.dl6 dt{ background:url(../images/icon-12.png) no-repeat;}

.areanav dl.dl7 dt{ background:url(../images/icon-13.png) no-repeat;}

.areanav dl.dl8 dt{ background:url(../images/icon-14.png) no-repeat;}

.areanav dl a:hover{ margin-top:-10px; }

.areanav dl a.cur dd{color:#0f71c5; font-weight:bold;}

.areaC {padding-top:87px;}

.areabg{ background:url(../images/bg5.jpg) no-repeat center center fixed; background-size:100%; position:absolute;top:0;}

.areaCcon{ background-color:#f8f8f8; padding:70px 35px; position:relative; z-index:2;}

.h_probg{  background:url(../images/bg1.jpg) no-repeat center center; background-size:100%; position:absolute;top:0;}

.h_propro{ margin:30px 0;}

.h_proT h5,.h_proT h5 a{ float:left; font-size:20px; font-weight:bold; color:#1973c1;}

.h_proT .tab{ float:right;}

.h_proT .tab a{ display:inline-block; margin:0 8px; text-transform:uppercase;}

.h_proT .tab a.on,.h_proT .tab a:hover{margin-top:-8px; border-bottom:2px solid #1973c1; padding-bottom:6px; color:#1973c1;}

.h_propro .content,.h_new .content{ margin:30px -15px 0;}

.h_propro .content li,.h_propro .content .contentli,.h_new .content .contentli{ display:none;}



.h_propro .content li{ height:330px;}

.h_proT.white h5,.h_proT.white h5 a,.h_proT.white .tab a.on,.h_proT.white .tab a:hover{  color:#fff;}

.h_proT.white .tab a.on,.h_proT.white .tab a:hover{ border-bottom:2px solid #fff;}

.h_new{ margin-top:77px;}#nav{ position:fixed;top:0; left:0; display:none;z-index:99; width:100%; background:#313131; height:100%; overflow-y:scroll !important;text-transform: uppercase;}

#nav li{  color:#fff;}

#nav li a{ color:#fff;font-size:15px; display:inline-block; width:100%;height:3em; line-height:3em; padding-left:4%;border-bottom:1px solid #4b4a4a; position:relative;}

#nav li div p span{display:none;}

#nav li div p span a{background-color:#4d4d4d; display:block;}

#nav li.btn_up{ text-align:center;}

#nav li.btn_up img{ vertical-align:middle; max-width:64px;width:10%;}

#nav li div{ display:none;font-size:13px; background-color:#3c3b3b;}

#nav li div a{ padding-left:5%;}

.shadow{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6); z-index:8;}

.nav-moblie{width:45px; height:45px;float: right; display:none;}

.nav-moblie.selected {

	transform: rotate(90deg);

}

.nav-moblie a {

	background-color: #206cbb;

	display: block;

	height: 3px;

	

	position: relative;

	top: 50%;

	width:80%;margin:5px auto 0;

	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

}

.nav-moblie:hover a:before {

	transform: translateY(-2px) rotate(0deg);

	-webkit-transform: translateY(-2px) rotate(0deg);

	-ms-transform: translateY(-2px) rotate(0deg);

}

.nav-moblie:hover a:after {

	transform: translateY(2px) rotate(0deg);

	-webkit-transform: translateY(2px) rotate(0deg);

	-ms-transform: translateY(2px) rotate(0deg);

}

.nav-moblie.selected:hover a:before {

	transform: translateY(0px) rotate(-55deg);

	-webkit-transform: translateY(0px) rotate(-55deg);

	-ms-transform: translateY(0px) rotate(-55deg);

}

.nav-moblie.selected:hover a:after {

	transform: translateY(0px) rotate(55deg);

	-webkit-transform: translateY(0px) rotate(55deg);

	-ms-transform: translateY(0px) rotate(55deg);

}

.nav-moblie a:after,

.nav-moblie a:before {

	background-color: #206cbb;

	display: block;

	height: 3px;

	left: 0;

	position: absolute;

	width: 100%;

	content:'';

	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

}

.nav-moblie a:after { top: 8px;}

.nav-moblie a:before { top: -8px;}

.nav-moblie.selected a:after, 

.nav-moblie.selected a:before { top: 0;}

.nav-moblie.selected a:before {

	background-color: #fff;

	transform: translateY(0px) rotate(-45deg);

	-webkit-transform: translateY(0px) rotate(-45deg);

	-ms-transform: translateY(0px) rotate(-45deg);

}

.nav-moblie.selected a:after {

	background-color: #fff;

	transform: translateY(0px) rotate(45deg);

	-webkit-transform: translateY(0px) rotate(45deg);

	-ms-transform: translateY(0px) rotate(45deg);

}

.nav-moblie.selected a {background-color: transparent !important;}



.header2{ display:none;top: 5px;}

.h_more a{ display:block;border:1px solid #dcdcdc; padding:8px 0;width:50%; margin:30px auto 40px;}

.h_more a:hover{ background-color:#1973c1;color:#fff;}

.h_more{ display:none;}



.scrollBar .banner ul li .imgTimes a{ display:block;width: 100% !important;  height: 100%;}.fixbottonnew{ display:none; position:fixed;width:100%;left:0;bottom:0;z-index: 9; background-color:#1d66b3; border-top:1px solid #dcdcdc;overflow:hidden;}
.fixbottonnew a{width:50%;float:left;font-size:18px; position:relative; display:block; padding:10px 0;color:#fff;}
.fixbottonnew a img{width:30px; display:inline-block; vertical-align:middle;margin-right:12px;}
.fixbottonnew a:last-child{background-color: #317dc8;}
.fixbottonnewh{ display:none; height:51px;}

.xdw{display:block;}
.xindawang{display:none;}
.cp{height: 361px;}

@media(max-width:1600px){

	.topMenu a{width: 12%;}

}

@media(max-width:1400px){

	nav li{width: 13.5%;}

	.topMenu a{width: 13%;}

	.other5,.other1,.other8,.other6,.other3,.other7{ background-size: 100% 70%; padding: 170px 0;}

	}

@media(max-width:1300px){

	nav li{width: 14%;}

	.topMenu a{width: 14%;}

	.other5,.other1,.other8,.other6,.other3,.other7{ background-size: 100% 70%; padding: 160px 0;}

	}

@media(max-width:1199px){

	nav li{font-size: 16px;}

	header { padding: 25px 30px;}

	.other5,.other1,.other8,.other6,.other3,.other7{ background-size: 100% 65%; padding: 120px 0;}

	.footC li{margin-right: 1.5%;}

	.other2,.other4 {padding: 60px 0;background-size: 100% 50%;}

	.othernav1 li{min-width: 21%;}

	.topMenu a{width: 14%;font-size: 16px;}

	.topMenu{width:55%;}



	.h_propro .content li{ height:272px;}

    .tit article {width: 80%;}	}

@media(max-width:1099px){

	.topMenu { width: 59%;}

	.logo img{height: 45px;}

}
@media(max-width:991px){.fixbottonnew,.fixbottonnewh{ display:block;}

	.newlistul li.li1{width: 100% !important; padding-right:15px !important; background:none;}

    .newlistul li.li2{width: 100% !important; padding-left:15px !important; }

	.newlistul li.lieven{ padding-right:15px !important; background:none;}

    .newlistul li.liodd{ padding-left:15px !important;}

	.newmain article img{ width:100%;}

	.tj,nav,.pro3C article,.logo2,.othernav p,.othernav,menu,.footBB ul{ display:none !important;}

	.nav-moblie{ display:block;}

	.site{margin-top: 50px;}

	.otherbanner img {width: 120%;margin-left: -10%;}

	.tit h2,.tit h2 a{font-size: 26px;}

	.abouttit {padding: 50px 0 30px;}

	.pad77 { padding: 50px 0;}

	.pro1 div dl dt{font-size: 50px;}

	.footC li{ width:100%;text-align:center;}

	.footC li:nth-child(1),.footC li:nth-child(2){ display:none;}

	.footC { width:100%;}

	.footB{height: 20px;}

	.pad45 { padding: 30px 0;}

	.other2,.other4 {padding: 50px 0;background-size: 100% 45%;}

	.othernav1 li{font-size: 14px;}

	.areanav dl a:hover{margin-top:0;}

	.areanav dl {width: 25%;}

	.areaC { padding-top: 37px;}

	.jsjlC li{ margin-bottom:20px;}

	.contactR { margin-top:20px;}

	.aboutbg {bottom:-50px;}

	.back { display:none;}

	.h_pro1 dl,.h_pro2 dl,.h_pro3 dl{ margin-bottom:20px;}

	.h_more{ display:block;}



	.h_propro .content li{ height:auto; min-height:272px;}
	.xdw{display:none;}
	.xindawang{display:block;}
	.cp{height: 261px;}

	}
	@media(max-width:768px){
	.banner .swiper-slide a{
		height: 240px;
	}
	.banner .swiper-pagination-switch {
	    width: 24px;
	    margin: 0 3px;
    }
    .banner .pagination{
    	bottom: 10px;
    }	
	.logo img { height: 45px;}

	header { padding: 15px 20px;}

	.nav-moblie a{margin: 0 auto;}
	.other5,.other1,.other8,.other6,.other3,.other7{ background-size: 100% 55%; padding: 100px 0;}

	.otherbanner img {width: 140%;margin-left: -20%;}

	.pro1 div dl dt{font-size: 40px;}

	.pro1 div dl dd,.pro2C li a{font-size: 16px;}

	.pro1C,.pro2C{ padding:0 15px;}

	.tit h2,.tit h2 a{ font-size: 24px;}

	.other2,.other4 {padding: 50px 0;background-size: 100% 42%;}

	.areaCcon{padding: 30px 15px;width: auto; margin: 0 15px 30px!important;}

	.jsjlC { margin: 25px 0 0;}

	.newmain { padding:30px 20px !important;}

	.h_pro .container,.footBB .container{ padding:0 15px;}

	.header2{ display:block;}

	.header1{ display:none;}

	.h_line1{ padding:77px 0 50px;}

	.h_pro .container h2 img{ width:50%;}

	.h_proT h5 img{ width:70%;}

	.xdw{display:none;}
	.xindawang{display:block;}
	.cp{height: 261px;}

}

@media(max-width:640px){
	.banner .swiper-slide a{
		height: 240px;
	}
	.banner .swiper-pagination-switch {
	    width: 24px;
	    margin: 0 3px;
    }
    .banner .pagination{
    	bottom: 10px;
    }
	.logo img { height: 45px;}

	header { padding: 15px 20px;}

	.nav-moblie a{margin: 0 auto;}

	.other5,.other1,.other8,.other6,.other3,.other7{ padding: 80px 0;}

	.aboutCcon{padding: 50px 20px;}

	.pad77 { padding: 30px 0;}

	.tit article{width: 90%;}

	.pro3C dl div h5{ font-size:15px;}

	.other2,.other4 {padding: 50px 0;}

	.new2C h5{font-size: 22px;}

	.h_proT h5,.h_proT .tab{width: 100%;}

	.h_proT .tab{margin-top:30px;}

	.h_pro .h_probg img{ height:220px;}

	.h_proT .tab a{ margin-bottom:20px;}

	.h_proT h5 img{ width:50%;}

	.h_line1 { padding: 77px 0 30px;}



	.areanav dl dd{ height:40px;}



	.other5, .other1, .other8, .other6, .other3, .other7{background-size: auto 100% !important;background-position: inherit !important;}



	.other2,.other4 {background-size: auto 100% !important;background-position: inherit !important;}



	.map{ height:220px;}
	.xdw{display:none;}
	.xindawang{display:block;}
	.cp{height: 261px;}

}

@media(max-width:520px){

	.pro3C dl div p{ height:50px;}

	.pro3C dl div{padding: 10px 15px 30px 15px;}

	.jsjlC a h5 b{font-size: 38px;}

	.jsjlC a h5,.newmain h1{font-size: 18px;}

	.jsjlC a{padding: 20px;}

	.new1C dl dd h5, .newlist li h5, .newlistul li h5 {font-size: 16px;}

	.contactR h5{font-size: 22px;}

	.pro3C dd{height: 70px;}

	.xdw{display:none;}
	.xindawang{display:block;}
	.cp{height: 261px;}

}

@media (max-width:450px){

	.logo img { height: 45px;}

	.nav-moblie a{top: 30%;}

	.nav-moblie{height: 35px;}

	/*.other5,.other1,.other8,.other6,.other3,.other7{ padding: 60px 0;}*/

	.site { margin-top: 30px;padding: 5px 20px; font-size:12px;}

	.tit h2,.tit h2 a { font-size: 22px;}

	.pro3C dd{ height:70px;}
	.xdw{display:none;}
	.xindawang{display:block;}
	.cp{height: 261px;}

}



@media (max-width:430px){

}
@media (max-width:360px){

	.logo img { height: 30px;}

	header { padding: 15px 15px;}
	.xdw{display:none;}
	.xindawang{display:block;}
	.cp{height: 261px;}

}

@media (max-width:340px){

	

}

#ie-alert-overlay {

width:100%;

height:100%;

background-image:url(../images/bg.png);

position: fixed; 

top: 0; 

left: 0;

z-index:9999;



}



* html #ie-alert-overlay {   /* fixed position hack for IE6 */

	position: absolute;

	z-index:9999;

	

}

 #ie-alert-panel {

width:593px;

height:400px;

position:fixed;

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

background-position: -1px -109px;

top:50%;

left:50%;

margin:-201px 0 0 -296px;

padding:72px 0 0 72px;

_position:absolute;

_top:expression(300+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');

font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;

font-weight:bold;

color:#333;

line-height:1.5em;

z-index:10000;

}

 #ie-alert-panel p {

font-size:14px;

width:486px;

text-align:justify;

}

 #ie-alert-panel img {

border:0;

}

 #ie-alert-panel span {

font-size:18px;

margin: 0 0 20px 0;

display:block;

padding:0;

}

 #ie-alert-panel ul {

list-style: none;

margin:0;

padding:0;

}

 #ie-alert-panel li {

float:left;

margin:0 22px 0 0;

}

 #ie-alert-panel li.last {

margin-right:0;

}

 #ie-alert-panel a {

display:inline-block;

}

 .browser {

position: absolute;

bottom:35px;

}

 .chrome, .firefox, .ie9, .opera, .safari {

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

}

 .chrome {

background-position: 0 0;

width: 73px;

height: 96px;

margin:0 4px 0 0;

}

 .firefox {

background-position: -292px 0;

width: 73px;

height: 98px;

}

 .ie9 {

background-position: -179px 0;

width: 95px;

height: 98px;

}

 .opera {

background-position: -90px 0;

width: 73px;

height: 98px;

}

 .safari {

background-position: -387px 0;

width: 73px;

height: 98px;

margin:0 4px 0 0;

}