/*------style.css  start------*/
/*less*/
@c:center;
@small:12px;
@mid:14px;
@big:16px;
@b:#000;
@g:#666;
@r:#d41c29;
.clearfix:after{
	content:"";
	display:block;
	clear:both;
}
.clearfix{
	zoom:1;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.db{
	display:block;
}
.tl{
	text-align: left;
}
.tc{
	text-align: center;
}
.tr{
	text-align: right;
}
.full{
	width:100%;
	height:100%;
}
.box{
	display: inline-block;
}
.none{
	display: none;
}

a:hover{
	text-decoration:none;
	color: #ca1c28;
    transition: color 0.4s;
    -moz-transition: color 0.4s;
    -webkit-transition: color 0.4s;
    -o-transition: color 0.4s;
}
@-webkit-keyframes fromBottomFade { from {
-webkit-transform: translateY(20%);
opacity:0;
}
}
@keyframes fromBottomFade { from {
transform: translateY(20%);
opacity:0;
}
}



a{text-decoration:none;}






@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; outline:0; font-size: 100%;}
body{ font-size:14px; color:#555555; font-family: "微软雅黑"; background: #f2f2f2;}
ol,ul,li{ list-style:none;}
img{ border:0 none;}
div{ overflow: hidden;}
a{cursor:pointer; color:#555555; text-decoration:none }
a:link,a:visited{ text-decoration:none;}
a:hover{ color:#cc3333; text-decoration: underline }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac /*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
.right{ float:right;}
.left{ float: left;}
.clear{ margin: 0; padding: 0; width: 0; height: 0; clear: both;}
.red{ color: #bb1b1b !important;}
.nowarp{white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;}






/*banner*/
#indexbanner{ height: 348px; overflow: hidden; position: relative;border-top:1px solid #d7d7d7;}
#indexbanner .bx-controls{ position: absolute; left: 0; bottom: 20px; z-index: 999; width: 100%; color: rgba(0,0,0,0);}
#indexbanner .bx-controls .bx-pager{ text-align: center;}
#indexbanner .bx-controls .bx-pager div{ display: inline-block; margin: 0 2px;}
#indexbanner .bx-controls .bx-pager div a{ display: block; width: 45px; height: 4px; overflow: hidden; line-height: 50px; background-color: rgba(255,255,255,0.3);}
#indexbanner .bx-controls .bx-pager div a.active{ background-color: rgba(255,255,255,0.8);}
#indexbanner .bx-controls .bx-controls-direction{ display: none;}




.tit .cn{font-size:30px;color:#2e2e2e;font-weight:bold;}
.tit .line{width:247px;border-bottom:1px solid #dbdbdb;margin:auto;margin-top:17px;position:relative;}
.tit .line:after{content:"";position:absolute;width:14px;height:3px;background:#016ef4;top:-1px;left:116.5px;}
.tit .en{color:#999;text-transform:uppercase;margin-top:18px;}


/*layout CSS*/
.header{width: 100%; min-width: 1100px; }
.contenter{width: 1100px; margin: 0 auto; margin-top: 20px;}
.footer{width: 1100px; margin: 12px auto; height: 37px; background: #b6b6b6; font-size: 12px; line-height: 37px; color: #fff; text-align: center;}
/*model CSS*/
.logo{ width: 100%; height: 112px; background: url(../images/headb1.png) no-repeat center;}
.logo1{ width: 1100px; height: 112px; margin: 0 auto;}
.nav{ width: 100%; height: 42px; background: url(../images/navb.png); border-bottom: 1px solid #a1a1a1;}
.lag a{ display: block; width: 75px; height: 22px; background: #003d68; color: #fff; float: left; text-align: center; line-height: 22px; margin-left: 2px;}
.lag a.lactuve{ background: #ffa922;}
.lr{ margin-top: 29px; width: 270px;}
.search{ margin-top: 8px; width: 265px;}
.in{ height: 25px; border: 0; width: 215px; margin-right: 3px; font-size: 12px; line-height: 25px;}
.nav1{ width: 1100px; height: 42px; margin: 0 auto;}
.nav1 a{display: block;padding: 0 4px;height: 35px;border-radius: 0 0 4px 4px;float: left;text-align: center;line-height: 40px;color: #222222;font-size: 13px;margin: 0 1px;}
.nav1 a:hover{ background: url(../images/navh1.png); padding: 0 5px; color: #fff; text-decoration: none; border-top: 0;}
.banner{ width: 100%; height: 348px;}
.in_left{width: 299px;}
.mo1{ width: 297px; border: 1px solid #dadada; border-radius: 4px;}
.title{ height: 36px; border-bottom: 1px solid #dadada; background: url(../images/titb.png);}
.title span{ font-size: 14px; font-weight: bold; color: #1c69b1; line-height: 36px; margin-left: 20px;}
.title small{ font-size: 18px; color: #e96317; line-height: 36px; margin-left: 20px;}
.mo1 .c{ background: #fff;}
.mo1 .c img{ margin: 6px;}
.contact{line-height:18px; width: 269px; height: 218px; padding: 14px; border: 1px solid #dadada; background: #fff; margin-top: 14px;}
.contact span{ color: #0e5e9c; font-size: 21px;}
.contact a{ color: #0e5e9c;}
.contact p.qq{ line-height: 40px;}
.contact p.qq a img{ margin: 10px 6px;}
.contact p{ clear: both;}
.in_right{ width: 787px;}
.show{ width: 785px; border: 1px solid #dadada;}
.show .c{ background: #fff; height: 475px;}
.gd{ width: 744px; margin-left: 20px; margin-top: }
#demo{ margin-top: 17px;}
#demo img{ border: 1px solid #dbdbdb; margin: 0 4px;}
#demo1{ margin-top: 8px;}
#demo1 img{ border: 1px solid #dbdbdb; margin: 0 4px;}
.about{ width: 785px; height: 246px; background: #fff; border: 1px solid #dadada; margin-top: 14px;}
.about .c{ width: 370px; height: 208px; margin-left: 34px; margin-top: 18px;}
.about .c .t span{ font-size: 24px; color: #1c69b1; display: block; height: 24px; position: relative; float: left; line-height: 24px; padding-right:4px;}
.about .c .t span img{ position: absolute; right: 0; top: 0;}
.about .c .t small{ line-height: 34px;}
.abc{ line-height: 24px;}
/*jj*/
.jj_right{ width: 785px; border: 1px solid #dadada; background: #fff;}
.title font{ line-height: 36px; margin-right: 20px; font-size: 12px;}
.jjc{ line-height: 200%; padding: 10px 20px; min-height: 737px;}
.leftnav{ width: 297px; border: 1px solid #dadada; background: #fff;}
.limg{ margin-top: 12px;}
.leftnav .c{ padding-bottom: 10px;}
.leftnav .c ul li{ margin-left: 10px; margin-top: 4px;}
.leftnav .c ul li a{ display: block; width: 266px; padding-left: 10px; font-size: 14px; line-height: 34px; height: 34px; background: #e5e5e5; border-radius: 6px;}
.leftnav .c ul li a:hover{ background: #0766a7; color: #fff; text-decoration: none;}
.mimg{width: 302px; height: 240px; border: 1px solid #d8d5c7;display:flex;align-items:center;display:-webkit-flex; /* Safari */-webkit-align-items: center; /* Safari 7.0+ */}
.mimg a{display:block;margin:auto;}
.mcon{ width: 432px; height: 240px; border: 1px solid #d8d5c7;}
.moc{ margin-top: 20px;}
.moc li{ margin-top: 10px;}
.mt{ height: 42px; border-bottom: 1px solid #d8d5c7;}
.mt span{ font-size: 18px; color: #1c69b1; font-weight: bold; line-height: 42px; margin-left: 12px;}
.mc{ padding: 12px; line-height: 20px;}


/*banner*/
.main_image {width:100%; height:348px; border-top:1px solid #d7d7d7; overflow:hidden; margin:0 auto; position:relative}
.main_image ul {width:9999px; height:348px; overflow:hidden; position:absolute; top:0; left:0}
.main_image li {float:left; width:100%; height:348px;}
.main_image li span {display:block; width:100%; height:348px}
.main_image li a {display:block; width:100%; height:348px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
/* #btn_prev{background:url(../images/hover_left.gif) no-repeat left top;left:100px;}
#btn_next{background:url(../images/hover_right.gif) no-repeat right top;right:100px;} */
.tp img{   
  MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width>100%?"100%":this.width)!important;
}

.tp form table tr th{width:120px;text-align:left;}
.tp form table tr td{width:600px;}
 


.fy { text-align: center; height: 60px; padding-top: 20px;}
.fy a{ font-size: 12px;height: 20px; display: inline-block; padding: 0 8px; border: 1px solid #acacac; line-height: 20px;}
.fy a:hover{ background: #43a39a; color: #fff; text-decoration: none;}






#ne_nav{width:100%;height:40px;background:#f5f5f5;}
#ne_nav p{line-height:40px;padding-left:30px;background:url(../images/home.png) no-repeat left center;}




.col{width:100%;min-height:450px;line-height:220%;margin-top:40px;margin-bottom:50px;}
.col h2{text-align:center;font-weight:normal;color:#000;}
.col h3{text-align:center;font-weight:normal;font-size:12px;}



.maintit{text-align:center;margin-top:45px;}
.maintit p{font-size:30px;color:#333;font-weight:lighter;margin-bottom:10px;}
.maintit span{font-size:16px;color:#999;text-transform:uppercase;}
.son_nav{margin-top:25px;text-align:center;}
.son_nav a{padding:0px 20px;height:45px;line-height:45px;border-radius:2px;border:1px solid #dcdcdc;color:#333;display:inline-block;margin:0px 10px;transition: color 0s;}
.son_nav a.active{background:#008b92;color:#fff;border:1px solid #008b92;}
.son_nav a:hover{background:#008b92;color:#fff;border:1px solid #008b92;}




.pxxm{width:100%;min-height:450px;margin-bottom:50px;margin-top:30px;overflow:hidden;}
.pxxm ul{margin:0px 2px;width:1196px;}
.pxxm ul li{width:382px;height:333px;float:left;margin-right:22px;margin-bottom:22px;border:1px solid rgb(238, 238, 238);}
.pxxm ul li a{width:352px;height:303px;display:block;padding:15px;}
.pxxm ul li:nth-child(3n){margin-right:0px;}
.pxxm ul li .pic{width:352px;height:220px;overflow:hidden;display:flex;align-items:center;display:-webkit-flex; /* Safari */-webkit-align-items: center; /* Safari 7.0+ */}
.pxxm ul li .pic img{max-width:100%;max-height:100%;margin:auto;}
.pxxm ul li p{width:100%;height:20px;text-align:center;line-height:20px;margin-top:15px;color:#000;font-size:16px;}
.pxxm ul li .des{font-size:12px;height:36px;line-height:18px;margin-top:12px;padding:0 3px;color:#666;}
.pxxm ul li:hover{border:1px solid #008b92;box-shadow: rgba(238,238,238,1) 0px 0px 2px 2px;}
.pxxm ul li:hover img{opacity:0.9;}
.pxxm ul li:hover p{color:#008b92;}







.orientation{margin-top:20px;margin-bottom:20px;overflow:hidden;width:100%;}
.orientation .previous{float:left;}
.orientation .next{float:right;}






/*footer*/
#footer{width:100%;height:496px;background:#272727;}
.footer_top{height:419px;border-bottom:1px solid #4d4d4d;}
.footer_top .logo{float:left;margin-top:133px;margin-right:158px;}
.footer_nav{float:left;margin-top:59px;}
.footer_nav ul li{float:left;width:130px;}
.footer_nav ul li .title{color:#fff;font-size:16px;}
.footer_nav ul li .nav_son{margin-top:28px;}
.footer_nav ul li .nav_son .subtt{margin-bottom:20px;}
.footer_nav ul li .nav_son .subtt a{color:#c2c2c2;}
.footer_nav ul li .nav_son .subtt a:hover{color:#fff;}
.footer_bottom{height:76px;line-height:76px;color:#d3d3d3;}



.mypage{
    text-align: center;
	width:100%;
	margin-top:20px;
	overflow:hidden;
}	
.mypage	span,.mypage a{
	display: inline-block;
	vertical-align: top;
	color: #d35b52;
	border: 1px solid #d35b52;
	padding: 5px 10px;
	margin: 5px;
}		
.mypage	span.current,.mypage a.current{
	background: #d35b52;
	color: #fff;
}