/* CSS Document */
@font-face{
	font-family: "OpenSansBoldwebfont";       /*这里是说明调用来的字体名字*/ 
    src: url('../fonts/neutraface2display-titling.otf');   /*这里是字体文件路径*/ 
}
@font-face{
	font-family: "light";       /*这里是说明调用来的字体名字*/ 
    src: url('../fonts/light.otf');   /*这里是字体文件路径*/ 
}
*{-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
	body{ width:100%; overflow-x:hidden}
.font_f{ font-family:"Microsoft JhengHei";}
.font_fanm{ font-family:"Microsoft JhengHei";text-transform:uppercase}
ul,li{ list-style:none; margin:0; padding:0}a:hover{ color:#5c5caa; text-decoration:none}
.header_t{ position:fixed; background:#5c5caa; width:100%; color:#fff; left:0; top:0; z-index:555; line-height:45px; height:48px}
.header{ background:#fff; top:45px; height:100px; position:fixed; width:100% ; z-index:55555;} a{ color:#000;}
.header_t a{ color:#fff}.header_t .pull-left{text-transform:uppercase}
.clearfix{ clear:both}
.blue{ color:#5c5caa}
.OpenSansBoldwebfont {
    font-family: OpenSansBoldwebfont;
}.nav>div:nth-child(3) .dropmenudiv_b{ width:190px}
.nav>div:nth-child(4) .dropmenudiv_b{ width:170px}

.about{background:#f6f6f6; clear:both}
body{ line-height:24px}
.a1{background:#f6f6f6; color:#fff;}
.pa{ height:430px}
.a1 .pull-right{ margin-right:40px; width:680px}
.lj{ color:#fff; text-decoration:underline}
.nav{
	float: right;
}

.pad0{ padding:0 !important}
.tlogo{ padding-top:50px}
.ppdisplay div img{ height:430px !important; top:0!important; left:0!important; width:100%!important}
.nav_in{
	float: left;
	position: relative;
	z-index: 70;
}
.nav_in .par{
	display: block;
	height: 100px; font-weight:bold; border-bottom:#fff solid 4px;
	line-height: 110px;
	margin:0 26px;
	font-size:16px;
	color:#666;
}
.nav_in:hover .par,.now_hover .par{
	
	 border-bottom:#5c5caa solid 4px;
}
.nav_in ul{
	position: absolute;
	left: 0;
	top: 100px;
	z-index: 70;
	background:url("../images/htbg.png");
	width: 120px;
	display: none;
}
.nav_in:hover ul{
	display: block;
}
.nav_in li{
	height: 40px;
	line-height: 40px;
	font-size:16px;
	vertical-align:top;
}
.nav_in li a{
	display: block;
	padding-left:10px;
	width: 110px;
	color:#fff;
}
.nav_in li a:hover{
	background:#4a4ca5;
}
.nav_search{
	float: right;
	cursor: pointer;
	height: 90px;
	position: relative;
	z-index: 90;
}
.nav_search .handle{
	width: 46px;
	height: 100px;
	background:url("../images/home_03.jpg") no-repeat right center;
}
.search_bar{
	width: 300px;
	height: 50px;
	background:#fff;
	position: absolute;
	z-index: 70;
	right: 0;
	top: 100px;
	display: none;
}
.nav_search:hover .search_bar{
	display: block;
}
.search_bar .text{
	width: 240px;
	height: 50px;
	float: left;
	padding-left:10px;
	border:0;
	font-size:16px;
}
.search_bar .sub{
	display: block; border:none;
	width: 50px;
	height: 45px;
	background:url("../images/home_03.jpg") no-repeat center center;
}
.dropmenudiv_b {
    display: none\9;
    width: 144px;
    overflow: hidden;
    background:rgba(92,92,170,0.9);
    position: absolute; font-weight:bold;
    top:100px;
    left: 0px;
    box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
    opacity: 1;
    z-index: 999999; padding-top:20px; padding-bottom:20px;
    -webkit-transition: all 300ms cubic-bezier(0.7,0,0.185,1) 0s;
    transition: all 300ms cubic-bezier(0.7,0,0.185,1) 0s;
    -webkit-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: perspective(1200px) rotateX(-90deg);
    transform: perspective(1200px) rotateX(-90deg);
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}.ani {
    display: block\9;
    transform: perspective(1200px) rotateX(0deg);
    -webkit-transform: perspective(1200px) rotateX(0deg);
    -moz-transform: perspective(1200px) rotateX(0deg);
    -ms-transform: perspective(1200px) rotateX(0deg);
    -o-transform: perspective(1200px) rotateX(0deg);
}.dropmenudiv_b a:hover {
    color: #F90;
   
}
.nav a:hover, .nav a.hover {
    
}
.dropmenudiv_b a {
    display: block;
    float: left;
    font-size: 14px;
    padding-left: 0;
    margin: 0;
    text-align: left;
    width: 100%;
    padding-left: 34px;
    height: 50px;
    line-height: 50px;
    color: #e5e4ef;
    
    background: url(jt2.gif) left center no-repeat;
}
.hei50{ height:40px}
.logo{ margin-top:15px; float:left}
.atit{ padding:70px 0; position:relative; margin-bottom:40px; padding-bottom:0}
.ra{ position:absolute;  right:0; top:50%; margin-top:30px; font-size:18px; font-weight:bold; color:#666;}
.ra:hover{ color:#5c5caa} 
.atit img{ position:absolute; top:65px}.atit span{ display:block; margin:0px 0 0 80px}.atit p{ font-size:18px}
.anav li{ padding:8px 45px; display:inline-block; border:rgba(255,255,255,0) solid 1px;}
.anav{ position:relative; z-index:5; margin:40px 0 60px 0; clear:both}.anav li.hover a{ }
.a1 .anav li a{ color:#d3e5ac;}.a1 .anav li.hover a{ color:#fff}
.a2{ background:#f6f6f6; padding:0; color:#333;}
.a1 .con a:hover{ color:#FFCC00}
.top2{ margin-top:70px; margin-bottom:30px}
.owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 0px;
    background: #869791;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
}
.a2 .anav li { background:#7467c2; margin:0 2px}.a2 .anav li.hover{ background:#5158c1}.a2 .anav li a{  color:#fff }

.news_item{ margin:0 30px}
.news_item>div{ transition: all 0.4s; border:#eee solid 1px}
.atit i{ background:url(../images/index_38.png); width:55px; height:11px; display:inline-block}
.index_news  .scroll-outer .owl-buttons{ position:absolute;  top:50%; margin-top:-45px; width:116%; left:-8% }
.news_item h4{ font-size:16px; height:16px; overflow:hidden; font-weight:bold; margin:0; background:url(../images/index_30.jpg) no-repeat right; }.news_item>div:hover{-moz-box-shadow:0px 0px 35px #eee; -webkit-box-shadow:0px 0px 35px #eee; box-shadow:0px 0px 35px #eee;}
.tab li.hover a{ color:#8b8bd2} 
.owl-theme .owl-controls .owl-buttons div.owl-prev{ background:url(../images/home_25.png) no-repeat ; width:90px; height:90px; position:absolute; left:0;}
.owl-theme .owl-controls .owl-buttons div.owl-next{ background:url(../images/home_28.png) no-repeat ; width:90px; height:90px; position:absolute; right:0}
.owl-pagination{ display:none}
.imgover img{    transition: all 0.4s;}.news_item>div:hover img{transform: scale(1.1);}.imgover { overflow:hidden}.news_item>div:hover h4 a{ color:#5c5caa}
.news_item p{ color:#999}
.index_news{ max-width:1230px; margin:0 auto}
.font1{ font-size:30px}
.green{ color:#8b8bd2;}
.btit{ position:relative; border-bottom:#ddd solid 1px; padding:80px 0 34px 0; margin-bottom:80px; font-size:16px}.btit b{ text-transform : uppercase;display:block}
.btit p{ position:absolute; left:50%; margin-left:-100px;display:inline-block; font-size:18px; background:#fff; border:#ddd solid 1px; padding:10px 0px; width:200px; bottom:-33px}
.carousel-indicators li{ width:14px; height:14px; margin:0  5px}.carousel-indicators .active{ width:14px; height:14px;margin:0  5px}
.glyphicon-chevron-left{background:url(../images/home_10.png) no-repeat center top; width:51px!important ; height:116px !important }
.glyphicon-chevron-right{background:url(../images/home_07.png) no-repeat center top;  width:51px!important ; height:116px !important}.glyphicon-chevron-left:before,.glyphicon-chevron-right:before{ display:none}
.fw{ margin-top:120px; padding-bottom:80px; text-align:center; position:relative}

.fw strong{ color:#999}
.fw li{ position:relative}
.fw li div{padding-top:20px; }.fw li div h3{ margin-bottom:0}
.fw li  img{ background:#fff; z-index:5; padding:0 5px; position:relative}

.xinwen{background:url(../images/index_64.jpg) no-repeat center top; padding-bottom:180px;  background-size:100% 100%}
.bgmap{ background:url(../images/home_07.jpg) no-repeat center top}
.xwzx{ background:url(../images/home_07.jpg) no-repeat center top}
.xwlist ul li{ position:relative; height:120px; margin:27px 0}
.xwlist ul li b{ position:absolute; left:0;}
.xwlist ul li span{ margin-right:15px; display:block; margin-left:160px}
.xwlist ul li p{ color:#999; font-size:12px;}
.xwlist ul li em{ border-bottom:#ddd solid 1px; padding:5px 0; margin-bottom:10px; color:#999; font-style:normal; font-size:12px; background:url(../images/home_43.png) left center no-repeat; line-height:24px; padding-left:20px; display:block}
.xwlist ul li  span a{ display:block; height:24px; overflow:hidden; font-size:16px;}
.pa{ padding-top:50px ; line-height:26px}
#owl-demo .owl-buttons{z-index:55; width:100%; position:absolute; top:50%; height:116px}
#owl-demo .owl-controls{ height:auto  !important; }
.tab{ font-size:18px; position:relative; top:-20px; text-align:center;}
.tab li{ display:inline-block; padding:10px 30px}
#owl-demo,#owl-demo .owl-wrapper-outer,#owl-demo .owl-item,#owl-demo .item,#owl-demo .owl-wrapper{ height:100%}
.owl-theme .owl-controls{ margin-top:0}
#owl-demo .item div{ position:absolute; bottom:0; height:300px; text-align:center; width:100%;}
#owl-demo .item h4{ font-weight:bold;}#owl-demo .item div p a{ display:inline-block; margin:0 10px}
#owl-demo .item p{  font-size:16px;/*white-space:pre;*/ padding:10px 0; padding-bottom:25px}
.owl-theme .owl-controls .owl-page span{ background:#9090d9; width:18px; height:18px}

#owl-demo .owl-controls{ width:100%;}
#owl-demo .owl-controls .owl-buttons div.owl-next{ height:100%;background:url(../images/home_07.png) no-repeat; right:90px}
#owl-demo .owl-controls .owl-buttons div.owl-prev{ height:100%; background:url(../images/home_10.png) no-repeat; left:90px}
#owl-demo .owl-pagination{ bottom:20px; text-align:center; width:100%; left:0; display:block; position:absolute}
#owl-demo  .owl-pagination{ display:none}
.about .owl-pagination{ display:block; position:absolute; top:50px ; right:50px}
.i5{ cursor:pointer}
.nxgd  .owl-pagination{ display:block; position:absolute; bottom:40px ; left:20px}
.nxgd .item img{    transition: all 0.4s;}.nxgd .item img:hover{transform: scale(1.1);}
.nxgd .item>a{ overflow:hidden; display:inline-block}
.banner{ position:relative}
#xw .item{ position:relative}
.tme{ position:absolute; left:20px; top:20px; color:#fff}
.hm_news .item{
 
}
.hm_news .item>div{ background:#fff;
	height: 109px; border:#fff solid 2px;
	margin-bottom:12px; position:relative; padding-top:10px;}
.hm_news .item:hover>div{ border:#5c5caa solid 2px;-moz-box-shadow:0px 0px 25px #ccc; -webkit-box-shadow:0px 0px 25px #ccc; box-shadow:0px 0px 25px #ccc}
.hm_news .date{
	float: left;
	width: 100px; position:absolute; left:0;text-align:center;
	padding-top:20px;
}
.hm_news .date dt{
	height: 34px; 
	line-height: 34px;
	font-size:36px;
	color:#625f5e;
}
.hm_news .date dd{
	height:20px;
	line-height: 20px;
	color:#999; display:block;
	font-size:16px; font-weight:bold;
}
.hm_news .inf{ 
	padding:0 10px 0 28px;
	border-left:1px solid #ddd;
	margin:20px 0 0 0;margin-left:100px;
}
.hm_news .inf dt{
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	padding-bottom:6px;
}
.hm_news .inf dd{
	line-height: 18px;
	font-size:14px;
	color:#646161;
	max-height:36px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	overflow: hidden; padding-top:0px;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
}
.hm_news .name{
	display:inline-block;
	max-width:95%; font-size:16px;
	overflow:hidden; position:relative; top:-10px;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.tags{
	
	width: 100%;
	background:rgba(92,92,170,0.95);
	clear: both; position:relative; top:-120px;
	margin:0 auto;
	color:#fff;
	text-align: center;
}
.tags>div{  }

.huan1 dl{
	text-align: center;
	float: left;
	width: 33.33%;border-left:#8181bd solid 1px;padding:70px 0;
	 margin:0
}
.huan1 dt{
	height: 66px;
	line-height: 66px;
	font-size:18px;
}
.huan1 strong{
	font-size:60px;
}
.huan1 dd{ padding-top:10px
	

}
.huan1 span{ font-size:36px; position:relative; top:-10px; left:10px; font-weight:normal}


.i5{ width:32px; height:32px; background:url(../images/down.png) no-repeat; display:inline-block; position:absolute; left:50%; margin-left:-16px; z-index:55; bottom:60px}
.footer_nav{

	line-height: 115px; border-top:#8b8bd2 solid 18px;
	background:#fff; margin-top:60px;
	position: relative; font-size:18px;
	z-index: 10;
}
.footer_nav p a{
	float: left; width:33.333%;
	color:#666;
}
.footer_nav a:hover{

}
.footer_nav .ct{
	margin-right:320px;
}
.footer_nav .end{
	margin-right:0;
}
#ttb span{ width:100%; float:left; height:125px; background:url(../images/footlogo.jpg) no-repeat center center #7db121; background-size:100% auto; display:inline-block}
#ttb{
	display: block; cursor:pointer;
	
	
	position: absolute; width:119px;
	top:0;
	left: 50%;
	margin-left:-60px;
	z-index: 10;
}
#ttb img{ float:left}
.fn_top2{
	display: block; cursor:pointer;
	width: 84px;
	
	position: absolute;opacity: 0.9;
	top:85px;
	left: 50%;
	margin-left:-42px;
	z-index: 10;
}
.footer{
	background:#151515;
	padding:75px 0 10px 0;
}
.ft_tel{
	text-align: center;
	height: 76px;
	line-height: 76px;
	color:#d4d4d4;
	font-size:20px;
	font-weight: bold;
}
.ft_nav{ margin-top:30px;margin-bottom:60px

}
.ft_nav2{
	
}
.ft_nav li{
	height: 36px;
	line-height: 36px;
	vertical-align:top;
}
.ft_nav li a{
	color:#bbb;
}
.ft_nav li a:hover{
	color:#fff;
	text-decoration:underline;
}
.xwt{ padding:0}.nxtx h3{ padding:20px 0; height:70px; padding-bottom:0; margin-bottom:40px; overflow:hidden}.nxtx p{ line-height:30px; margin-bottom:30px; height:210px; overflow:hidden}
#xw{ width:370px; height:470px;position:relative;position:absolute;}
.nxtx{ margin-left:390px; height:470px; padding:20px}
.ft_code{
	float: right;
	width: 115px;
	margin-left:50px;
	text-align: center;	
}
.ft_code img{
	display: block;
	width: 115px;
	height: 115px;
}
.ft_code dd{
	height: 66px;
	line-height: 66px;
	color:#f1f1f1;
}
.ft_links{
	border-top:1px solid #333;border-bottom:1px solid #333; color:#777; padding:10px 0; margin:40px 0
}
.ft_links .handle{
	
	line-height: 47px;
	border-bottom:1px solid #646464;
}
.ft_links .btn{

	
	text-align: center;
	margin-right:1px;
	background:#505050;
	color:#777;
	cursor: pointer;
}
.ft_links .hover{
	color:#fff;
}
.ft_links .con{
	padding:15px 0;
	display: none;
}
.ft_links .show{
	display: block;
}
.ft_links a{
	line-height: 30px; color:#777; display:inline-block;

	margin-right:15px;
}
.ft_links a:hover{
	color:#fff;
}
.ft_copy{
	height: 62px; color:#666;
	line-height: 62px; margin-bottom:30px;
}.ft_copy a{ color:#666}
img{ max-width:100%}
.xwt{ background:#fff;}
.nxtx h3{ font-weight:bold}
.header_t .pull-right a{ margin-left:25px}
.tphone{ border:#a7a7a7 solid 2px; color:#a7a7a7 ; padding:10px 24px; font-size:18px;}.tphone .i2{opacity:0.7; position:relative; top:4px}
.tphone:hover{ background:#333}
.container{ position:relative}
.con{ display:none}
.i1{ display:inline-block; width:28px; height:23px; background:url(../images/i1.png); position:relative; top:6px;}
.i2{ display:inline-block; width:23px; height:23px; background:url(../images/i2.png); position:relative; top:6px;}
.main-menu-toggle-content,.main-menu-toggle-content:before,.main-menu-toggle-content:after{width: 20px;height: 2px;display: block;
    margin: auto;
    position: relative;
    width: 25px;
    height:3px;
    transition: all .2s ease-in-out; margin:10px 5px 0 0;
    background: #818181;}
	.hid{ margin:0px 0px 0 0; position:absolute; z-index:99999; right:0; top:50%; margin-top:-3px; display:inline-block; width:30px; height:24px;}
.main-menu-toggle-content:before { content:'';
    top: -7px;
}
.main-menu-toggle-content:after { content:'';
    top: -5px;
}
.toggle-menu-on .main-menu-toggle-content:after, .toggle-menu-on .main-menu-toggle-content:before {
    content: "";
    position: absolute;
    display: block;
    background: #fff;
    width: 25px;
    height: 2.5px;
    left: 0;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.toggle-menu-on .main-menu-toggle-content{ background:transparent !important;}
.toggle-menu-on .main-menu-toggle-content,.toggle-menu-on .main-menu-toggle-content:before,.toggle-menu-on .main-menu-toggle-content:after{ background:#fff}
.toggle-menu-on .main-menu-toggle-content:before {
    -webkit-transform: translateY(6px) rotate(-45deg);
    -ms-transform: translateY(6px) rotate(-45deg);
    transform: translateY(6px) rotate(-45deg); top:-17px;
}

.toggle-menu-on .main-menu-toggle-content:after {
       -webkit-transform: translateY(-6px) rotate(45deg);
    -ms-transform: translateY(-6px) rotate(45deg);
    transform: translateY(-6px) rotate(45deg);



}
.a1 .line{ border-bottom:#a4ca4f solid 1px; margin-top:-1px; position:absolute; left:0; width:100%}
.a2 .line{ border-bottom:#ddd solid 1px;  margin-top:-1px;position:absolute; right:0; width:100%}
.shottit{ margin-right:140px}
.anniu{ background:#abd34f; font-size:16px; position:absolute; right:0; top:0px; border-radius:10px; font-weight:bold; color:#fff; padding:10px 20px;}
.anniu:hover{ background:#8b8bd2; color:#fff}
.contact_banner {
    width: 100%;
    height:585px;
    background: url(../images/about_01.jpg) no-repeat top center; background-size:auto 100%;
    position: relative;
}
.x{ height:200px}
.search{ padding:0px 0 40px 0; margin-top:-50px}
#se2{ margin-top:-5px}
#se2 .inp{ background:#f6f6f6 }
.inp{ width:100%;display:block; border:none; min-height:55px;  color:#000; font-size:16px; padding:15px 25px; margin-top:15px}
.search .Button {
    padding: 24px 55px;
    display: inline-block;
    background: #5c5caa;
    margin-top: 15px; font-size:20px;
   
    color: #FFFFFF;
    border: none;
    outline: none;
}#se2  .Button{ background:#8b8bd2; padding:12px 0; width:100%;}
.contact{background: url(../images/v.jpg) no-repeat right bottom #000000 ; background-size:64% auto  }
.cb_tip {
    width: 100%;
    line-height: 90px;
    color: #fff;
    background: url(../images/htbg.png);
    -moz-box-shadow: 0px 12px 22px #ddd;
    -webkit-box-shadow: 0px 12px 22px #ddd;
    box-shadow: 0px 12px 22px #ddd;
}
.now_pos {
    height: 90px;
    line-height: 90px;
    border-bottom: 1px solid #d9d9d9;
}

.now_pos .pos {
    float: left;
    font-size: 16px;
    color: #6e6d6d;
    padding-left: 40px;
    background: url(../images/icoh.jpg) no-repeat left center;
}.navss { padding-top:60px; padding-bottom:30px; padding-left:20px}
.navss a{ display:inline-block; padding:12px 35px; margin-left:30px; background:#8b8bd2; border-radius:40px; margin-bottom:10px; color:#fff; font-size:16px;}
.navss a.hover,.navss a:hover{ background:#5c5caa}
.cb_tip{ position:relative;}.cb_tip{ margin-top:-90px}
.content{ font-family:"Microsoft JhengHei";margin:30px auto}
.now_pos .backa {
    display: block;
    width: 105px;
    height: 42px;
    border: 1px solid #dedede;
    border-radius: 38px;
    line-height: 42px;
    text-align: center;
    float: right;
    margin: 25px 0 0 0;
    color: #6e6d6d;
}
.rnav{ font-size:18px; font-weight:bold}.rnav a{  
    display: inline-block;
    padding: 0 20px; color:#fff}


.cb_tip a:hover {
    background: rgba(0,0,0,0.12);
}
.is{ margin-left:-10px; margin-right:-10px;}
.is .xwt{ padding-left:10px; margin-top:30px; padding-right:10px;}
.is .nxgd{ padding:0}.is  .nxtx p{ height:180px}.is .nxtx{ height:auto}
.is .xwt>div{ background:#f6f6f6}
.is #xw{ position:relative; width:100%; height:auto}.is .nxtx{ padding:20px 50px; margin:0}

.tb{ width:100%}
.tb tr:nth-child(2n) td{ background:#dadaed;}
.tb td{ background:#f6f6f6; padding:20px ; border-right:#fff solid 1px; border-bottom:#fff solid 1px;font-size:18px}
.tb tr td:first-child{ width:25%}
@media (min-width:1300px) and (max-width:1800px) {
.is .nxtx{ padding:0 40px}.is  .nxtx p{ height:150px}.nxtx h3{ margin-bottom:30px}
}
@media (min-width:1300px) and (max-width:1600px) {
.is  .nxtx p{ height:150px}.nxtx h3{ margin-bottom:10px}
}
.map{ width:100%; height:540px;}.contactus{ margin-top:20px}
.contactus li{ position:relative; height:80px; line-height:24px; margin:20px 0}
.contactus li img{ position:absolute; left:0; top:0; margin-top:-9px;}
.contactus li span{ margin-left:70px; display:inline-block}

.contactus li strong{ font-size:18px}
.contact_banner{ color:#fff;}
.contact_banner h2 {
  
}
.its{ padding:60px 50px; background:rgba(92,92,170,0.9); display:inline-block; margin-top:240px }
.contact_banner  h3{ font-size:18px}
.font0{ font-size:48px}
.more{ background:#5c5caa; color:#fff; padding:16px 35px ; font-size:16px; border-radius:40px;}.more:hover{ color:#fff; padding:16px 42px ; font-size:18px; box-shadow: 0px 0px 15px rgba(0,0,0,0.3); opacity:0.9}
#map img{ max-width:none}
.i3{ display:inline-block; position:relative; top:12px; width:33px; height:32px; background:url(../images/index_18.jpg); margin-left:15px}

.fr_bar{
	position: fixed;
    width: 560px; border-radius:80px; overflow:hidden;
    overflow: hidden;
    left: 5%;
    bottom: 5%;
  
    z-index: 999;
}.fr_bar a{
	display: inline-block;
	margin:0px 5px;
	width: 65px;
	height: 65px;
}
#tt{ position:fixed; z-index:555; bottom:5%; right:5%;}
.fr_bara { display:inline-block; position:absolute; left:74px;  transition: all 0.2s; z-index:99}
.hovera1 {left:-100%; }
.hovera {display: none !important}
.fhj {z-index:999;}
.fr_bar .end {float: left; position:relative; z-index:999; margin:0px !important}
.fr_bar img{
	display: block;
	width: 65px;
	height: 65px;
}
.fr_bar img:hover,#tt:hover{ opacity:0.8}
.title{ margin:40px 0}
.title h1{  font-weight:bold; padding-bottom:15px}.title p{ color:#999}
.face { text-align:center; clear:both; padding:70px 0; padding-bottom:0; font-size:18px;}
.face a.active,.face a:hover{ color:#3f4fbc; border:#3f4fbc solid 2px; border-radius:30px}
.face a{ color:#348fdc; margin:0 5px; display:inline-block; padding:6px 12px; text-align:center; margin-top:15px; border:#fff solid 2px}
.face span{ color:#3f4fbc; margin:0 5px; display:inline-block; padding:6px 12px; text-align:center; margin-top:15px; border:#3f4fbc solid 2px;border-radius:30px}
.face a span{ color:#348fdc;;}
.inpro{ padding-bottom:30px}
.ing_wd img{ width:140px; height:55px; margin: 0px 0 0 20px; position:relative; top:-2px}
.inpro .news_item{ margin:0; margin-top:30px; margin-bottom:10px;}
.inpro .news_item  .imgover a{ width:100%; display:block; overflow:hidden}
.inpro .news_item .imgover,.inpro .news_item  .txt{ overflow:hidden; padding:0 0px}.inpro .news_item .txt{ padding:24px}
.news_item p{ height:46px; overflow:hidden}

.bt h1{  color:#000; font-weight:bold; font-size:24px; margin-bottom:30px; line-height:30px}
.p2{  color:#5c5caa; font-weight:bold; font-size:24px;text-transform:uppercase; margin-bottom:30px; line-height:30px}
.bt{ position:relative}
.msg div{ margin-top:10px; padding-right:10px; padding-left:10px;}

.col{ background:#eee; padding:20px; border:none; width:100%}
.cpbar{ line-height:60px; background:#e2e2e2; margin-top:40px;}
.cpbar a{ padding:0; font-size:18px; position:relative; padding:10px 0;   font-weight:bold; color:#333;}.cpbar a.hover{ color:#fff; background:#8b8bd2}.cpbar a:after{ content:''; display:inline-block; position:absolute; right:0; top:0; height:100%; border-right:#fff solid 1px;}
.cpbar a:last-child:after{ display:none}
.msg{ margin-top:30px; margin-left:-10px; margin-right:-10px}
.cb_tip .tit{ height:90px}
.xwinfo{ margin-top:30px}

.bt p{ margin-top:20px; color:#999; margin-bottom:20px;}
.gyf{ color:#999; font-size:16px; padding:20px; height:150px; background:#f6f6f6; margin-bottom:25px;}.gyf b{ color:#000;text-transform:uppercase}
input,textarea{ outline:none}
.sx p{ line-height:40px; font-size:18px}.sx span{ display:inline-block; padding:14px 65px; margin-right:15px; background:#8b8bd2; color:#fff}
.tj{ background:#8b8bd2; color:#fff; padding:15px 40px; border:none; border-radius:10px; font-size:16px;}
.tj:hover{opacity:0.9}
.gallery-thumbs{ margin-top:5px}
.hm_news .item{ padding:0}
.cpxx{ height:440px; margin-top:50px}
#inc .owl-nav.disabled+.owl-dots{ display:block; position:absolute; top:50%; right:200px}
#inc  .owl-pagination{ display:block; position:absolute; top:50%; right:200px}
#inc .item{ position:relative }#inc .item div{ background:rgba(92,92,170,0.9); padding:60px 50px; position:absolute;  padding-right:120px; right:108px; top:50%; margin-top:-150px; width:600px; color:#fff;}#inc .item div h4{ color:#fff;line-height:60px;}#inc{ display:block !important; margin-top:50px}
#inc .owl-dots .owl-dot span{ width:20px; height:20px; background:#9292f3 }#inc .owl-dots .owl-dot.active span{ width:20px; height:20px; background:#d9b659 }button{ outline:none}
@media (max-width:1500px) {
.a1 .pull-right{ width:100%; margin-right:0}
}

@media (min-width:768px) {


.mar{ margin:0 7%}
.fw:after{ content:''; display:block; width:85%; border-bottom:#ccc solid 6px; position:absolute; top:32px; left:7.5%;}
.fw li:nth-child(2n-1) div{ width:100%; left:0; top:-150px; position:absolute;}
.fw p{ font-size:18px;}
.fw ul{ margin-top:180px}.eow{ margin-left:-30px; margin-right:-30px}

}
@media (max-width:1420px) {
.anav li{ padding-left:15px; padding-right:15px}.atit{ padding-top:40px}.anav{ margin:20px 0}.top2{ margin-top:50px}
.index_news{ max-width:1000px}
.news_item a{ font-size:14px} .atit p{ font-size:12px}
.papa .ov{ height:120px; overflow:hidden}
.news_item p{ font-size:12px;}
}
@media (max-width:1130px) {
.tb td{ font-size:14px}
.cpbar a{ font-size:14px; line-height:30px}
.index_news{ max-width:828px}
.font0{ font-size:36px}
}
@media (min-width:767px) and (max-width:1300px)

{
.xwt ,.hm_news{ width:100%;}.hm_news{ padding:0; margin-top:20px}.hm_news .item{ width:50%;}
}
@media (max-width:1300px)

{.logo{ max-width:260px; margin-top:20px}
.rnav a{ font-size:16px}
.xwlist ul li b{ width:100px; height:70px}.xwlist ul li b img{ height:70px}.xwlist ul li span{ margin-left:110px}
}

@media (min-width:991px)

{
.rr{ padding-left:40px}
.navwap{ display:none}
}

@media (max-width:1024px) {
#owl-demo .item div{ height:200px}#owl-demo .owl-buttons{ height:80px;}#owl-demo .item p{ font-size:12px}.i5{ bottom:20px}.more{ padding:12px 15px; font-size:14px}#owl-demo .item p{ margin-bottom:20px; padding:0}.i3{ width:20px; height:20px; background-size:100% 100%; top:7px}
#owl-demo .owl-controls .owl-buttons div.owl-prev{ left:10px; width:50px; height:50px; background-size:100%}
#owl-demo .owl-controls .owl-buttons div.owl-next{ right:10px; width:50px; height:50px; background-size:100%}
.xwinfo>div{ width:100% ; padding:10px}

}
@media (max-width:991px)

{
#inc .item div{ padding:20px; width:230px; padding-right:50px; right:20px; margin-top:0; bottom:0; top:auto;}#inc .item div h4{ font-size:20px; line-height:30px}
.sx span{ padding:5px 20px}#inc .owl-nav.disabled+.owl-dots{ display:none}
.navss{ padding-left:0; padding-top:20px; padding-bottom:0px}
.navss a{ margin-left:10px; padding:5px 15px; font-size:14px }
.its{ padding:20px 30px; background:rgba(92,92,170,0.9); display:inline-block; margin-top:120px }
.contact_banner  h3{ font-size:18px}
.huan1 strong{ font-size:24px}.huan1 dd{ font-size:12px}.huan1 span{ font-size:16px; top:0; left:4px}
.a2{ margin:0 10px}
.cpxx,.gyf{ height:auto}

.cb_tip{ margin-top:-60px}
.now_pos .pos,.now_pos .backa{ font-size:12px;}.now_pos .backa{ height:35px; line-height:35px; width:70px}
.contact_banner{ height:300px}
.cb_tip{ line-height:60px; padding-bottom:15px}
.rnav a{ width:100%; font-size:16px; border-bottom:rgba(255,255,255,0.3) solid 1px; line-height:30px; padding:0; text-align:left; padding-left:0px}
.rnav{ width:100%; line-height:30px }
.toggle-menu-on {
    position: fixed;
    right: 10px;
    top: 60px;
}
.on{ display:block !important }
.navwap{ position:fixed; height:100%; z-index:9999; display:none; background:rgba(92,92,170,0.95); left:0; top:0; width:100%}

.navwap ul{ padding-top:50px; text-align:center;}
.navwap li a{ display:block; padding:10px 0; font-size:18px; color:#fff}
}
@media (max-width:768px) {
.ra{display:none;}
.fr_bara{ left:50px}.hovera1{ left:-100%}#tt img{ width:40px}.fr_bar{ width:300px}
.fr_bar img,.fr_bar a{ width:40px; height:40px}.fr_bar a{ margin:0 2px}
#inc .item div{ padding:0 20px; width:180px; padding-right:50px; right:20px; margin-top:0; bottom:0; top:auto;}#inc .item div h4{ font-size:12px; line-height:24px}
.tb td{ font-size:12px}.p2,.bt h1{ font-size:18px}
.is .nxtx p,.nxtx h3{ height:auto}
#xw{ position:relative; width:100%; height:auto}.nxtx{ margin:0; height:auto}.hm_news{ padding:0; margin-top:10px}
.hei50{ height:20px}

.anav{ margin:20px 0}
.fw ,.fw li div h3{ margin:0}
.font0{ font-size:24px}
.sx{ font-size:12px;}
.xwinfo>div{ padding-left:0; padding-right:0}.xwinfo .xwimg{ width:100%}
.footer{ font-size:12px;}
.swiper-pagination-bullet-active{ background:#5c5caa}
.projekktor{ height:230px!important}.xwlist ul li b{ left:10px}.fw li div{ padding:0}
.con{ font-size:12px;}
.atit{ margin-bottom:10px; padding:20px 0}.anav li a{ font-size:12px!important;}
.atit img{ width:40px; top:40px}.atit span{ margin-left:60px}.pa{ height:auto; padding-bottom:20px; padding-top:20px}
.atit span h3{ font-size:22px}
.font1{ font-size:24px;}
.tab li{ padding:10px 20px;}
.row{ margin-left:0; margin-right:0}
.a2{ clear:both}.flogo{ max-width:140px; margin-top:10px}.tphone{ font-size:14px; padding:5px 10px 10px 10px}
.logo{ width:140px; margin-top:12px}.header{ height:56px}.banner{ margin-top:95px}
.container{ margin-left:10px; margin-right:10px}.xwlist ul li span{ margin-right:0}
#ttb span{ height:49px;}#ttb { margin-left:-25px}
#ttb{ width:50px}.footer_nav{ line-height:30px; border-top-width:10px; font-size:14px;}.footer_nav  p a{ font-size:14px; margin-top:8px;}
.footer .text-right{ text-align:left}
.ft_links,.ft_copy{ margin-right:4%;margin-left:4%;}


.search_bar{ display:block; position:relative; margin:10px auto}
.ppdisplay div img{ height:230px !important;}.index_news .scroll-outer .owl-buttons{ width:140%; left:-20%;}.owl-theme .owl-controls .owl-buttons div.owl-prev,.owl-theme .owl-controls .owl-buttons div.owl-next{ background-size:70%; background-position:center}
.bgmap{ background:#fff}
}