/*------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;
}
.transform{
	-webkit-transition: all .4s cubic-bezier(.4,.01,.165,.99);
	-moz-transition: all .4s cubic-bezier(.4,.01,.165,.99);
	-o-transition: all .4s cubic-bezier(.4,.01,.165,.99);
	transition: all .4s cubic-bezier(.4,.01,.165,.99);
	-ms-transition: all .4s cubic-bezier(.4,.01,.165,.99);
}



a{text-decoration:none;}


/*container*/
.container{
	width:1200px;
	margin:0 auto;
	clear:both;
}

.header_top{width: 100%;background: #f5f5f5;height: 30px; overflow: hidden;}
.header_top .header{ width: 1200px;margin: auto;line-height: 30px; }
.header_top .header .left{ float: left; }
.header_top .header .right a{ float: right; width: 100px; text-align: center;display: block;}
.header_top .header .ch a{ float: right; width: 100px; text-align: center; display: block; box-shadow: 5px 5px 5px #666; }

/*header*/
.contain{width:1200px;margin:auto;}
.top{width:100%;height:124px;}
.top .contain .logo{float:left;height: 124px;}
.top .contain .logo .title{float:left;margin-left:12px;margin-top:19px;}
.top .contain .logo p{font-size:24px;font-weight:bold;color:#444;margin-bottom:6px;}
.top .contain .logo span{text-transform:uppercase;font-weight:normal;color:#444;font-size:12px;display:block;}
.top .contain .line{float:left;margin-left:17px;margin-top:36px;height:39px;border-right:1px solid #ccc;}
.top .contain .subtt{float:left;margin-top:43px;margin-left:18px;font-size:22px;font-weight:bold;color:#333;}
.top .contain .phone{float:right;margin-top:35px;}
.top .contain .phone img{margin-top:-12px;}
.top .contain .phone .tel{float:left;}
.top .contain .phone .tel span{font-size:24px;color:#f03636;font-weight:bold;margin-top:4px;display:block;}
.nav{width:100%;height:50px;background:#6eb7e9;}
.nav .navul{width:1200px;margin:auto;}
.navul li{float:left;width:133px;height:50px;position:relative;}
.navul li>a{width:100%;height:50px;line-height:50px;text-align:center;display:block;color:#fff;}
.navul li:hover{box-shadow:0px -2px 6px rgba(255,255,255,0.2); background: #2f71bf;}
.navul li.cur{border:none;height:50px;}
.navul li.cur>a{background:#2f71bf;height:50px;}
.navul .nav_son{position:absolute;z-index:100;display:none;}
.navul .nav_son a{color:#fff;width:133px;line-height:18px; padding-top: 15px;padding-bottom: 15px; text-align:center;display:block;background:#6eb7e9;border-bottom:1px solid #2f71bf;}
.navul .nav_son a:hover{ background: #2f71bf;}
.navul .nav_son a:last-child{border:none;}



/*banner*/
#indexbanner{ height: 500px; overflow: hidden; position: relative;}
#indexbanner .bx-controls{ position: absolute; left: 0; bottom: 50px; 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;}


#insidebanner{ height: 300px; overflow: hidden; position: relative;}
#insidebanner .bx-controls{ position: absolute; left: 0; bottom: 50px; z-index: 999; width: 100%; color: rgba(0,0,0,0);}
#insidebanner .bx-controls .bx-pager{ text-align: center;}
#insidebanner .bx-controls .bx-pager div{ display: inline-block; margin: 0 2px;}
#insidebanner .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);}
#insidebanner .bx-controls .bx-pager div a.active{ background-color: rgba(255,255,255,0.8);}
#insidebanner .bx-controls .bx-controls-direction{ display: none;}





.tit{width:100%;overflow:hidden;}
.tit p{font-size:26px;color:#333;font-weight:bold;float:left;margin-top:3px;}
.tit span{color:#999;text-transform:uppercase;font-size:26px;font-weight:bold;float:left;margin-left:23px;margin-top:6px;}
.tit a{float:right;width:92px;height:32px;background:#5face1;text-align:center;line-height:32px;color:#fff;border-radius:30px;}
.tit a:hover{background:#82bce4;}




#indexsearch{width:100%;height:60px;background:#f5f5f5;}
.search{width:1200px;margin:auto;}
.search .keywords{float:left;line-height:60px;color:#333;}
.search form{float:right;margin-top:13px;}
.search form .title{width:160px;height:34px;background:#fff;border:none;padding-left:25px;border-top-left-radius:30px;border-bottom-left-radius:30px;}
.search form .submit{width:86px;height:34px;background:#5face1;border:none;border-top-right-radius:30px;border-bottom-right-radius:30px;color:#fff;cursor:pointer;}





#indexabout{width:100%;height:565px;}
.about{width:1200px;margin:auto;overflow:hidden;}
.about .tit{margin-top:53px;}
.about .con{width:100%;height:387px;margin-top:32px;}
.about .con .con_left{width:625px;height:100%;float:left;}
.about .con .con_left .des{line-height:200%;height:164px;overflow:hidden;}
.about .con .con_left ul li{float:left;width:304px;height:106px;border:1px solid #e5e5e5;margin-right:13px;margin-bottom:7px;text-align:center;}
.about .con .con_left ul li:nth-child(2n){margin-right:0px;}
.about .con .con_left ul li .tt{color:#0f8ee5;font-weight:bold;font-size:30px;margin-top:15px;}
.about .con .con_left ul li .tt span{font-size:20px;position:relative;left:5px;top:-3px;}
.about .con .con_left ul li:nth-child(3) .tt span,.about .con .con_left ul li:nth-child(4) .tt span{font-size:30px;top:-1px;}
.about .con .con_left ul li p{font-weight:bold;margin-top:8px;}
.about .con .con_left ul li .xx{margin-top:9px;}
.about .con .con_right{float:right;margin-top:5px;}





#indexproduct{width:100%;height:439px;background:#f5f5f5;}
.product{width:1200px;height:100%;margin:auto;overflow:hidden;}
.product .tit{margin-top:58px;height:48px;border-bottom:1px solid #e4e4e4;}
.product .cpzs{width:100%;margin-top:32px;}
.product .cpzs ul li{width:295px;height:300px;float:left;margin-right:8px;}
.product .cpzs ul li .pic{width:295px;height:220px;display:block;overflow:hidden;}
.product .cpzs ul li .pic:hover{box-shadow:3px 3px 5px rgba(0, 0, 0, 0.2);}
.product .cpzs ul li .tt{width:100%;height:60px;text-align:center;line-height:60px;}
.product .cpzs ul li img{transition: transform 0.9s ease 0s;}
.product .cpzs ul li img:hover{transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1); 	/* IE 9 */
	-moz-transform:scale(1.1,1.1); 	/* Firefox */
	-webkit-transform:scale(1.1,1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1,1.1); 	/* Opera */}





#indexenvir{width:100%;height:527px;}
.envir{width:1200px;margin:auto;overflow:hidden;}
.envir .title{margin-top:47px;}
.envir .title p{font-size:26px;color:#333;font-weight:bold;margin-bottom:8px;}
.envir .title span{color:#999;text-transform:uppercase;font-size:26px;font-weight:bold;}
.envir .con{width:100%;margin-top:22px;}
.envir .con .big_img{float:left;width:624px;height:391px;}
.envir .con .big_img img{width:100%;height:100%;}
.envir .con .small_img{float:left;width:576px;height:391px;}
.envir .con .small_img a{width:285px;height:194px;float:left;margin-left:3px;margin-bottom:3px;position:relative;}
.envir .con .small_img a span{position:absolute;top:0px;left:0px;width:100%;height:100%;display:none;background:rgba(0,0,0,0.3);}
.envir .con .small_img a.active{box-shadow:0px 0px 6px rgba(0, 0, 0, 0.3);}
.envir .con .small_img a.active span{display:block;}
.envir .con .small_img img{width:100%;height:100%;}


#indexnews{ width: 100%;height: 545px;}
.news{ width: 1200px; margin: auto; overflow: hidden; }
.news .title{margin-top:50px; margin-bottom: 30px;}
.news .title p{font-size:26px;color:#333;font-weight:bold;margin-bottom:8px;}
.news .title span{color:#999;text-transform:uppercase;font-size:26px;font-weight:bold;}
.news .con .con_left{ width:615px;float: left;}
.news .con .con_left:hover{background: #1c73b3;}
.news .con .con_left:hover .con_title p{color: #fff;}
.news .con .con_left:hover .con_down .con_date p{color: #fff;}
.news .con .con_left:hover .con_down .con_date span{color: #fff;}
.news .con .con_left:hover .con_down .con_descript{color: #fff;}
.news .con .con_left .con_title{ width: 100%; display: block;height: 16px; margin-top: 20px; margin-bottom: 25px;}
.news .con .con_left .con_title p{ font-size: 16px;color:#1c73b3; display: block; width: 555px; float: left;line-height: 22px; }
.news .con .con_left .con_title img{  width: 20px; float: right;  display: block;}
.news .con .con_left .con_down{ width: 100%; display: block;height: 50px;}
.news .con .con_left .con_down .con_date{ text-align: center; width: 55px; height: 50px; overflow: hidden;float: left; margin-right: 10px;}
.news .con .con_left .con_down .con_date p{ font-size: 24px; margin-bottom: 10px;display: block; color: #989898;}
.news .con .con_left .con_down .con_date span{ font-size: 16px;color: #989898;}
.news .con .con_left .con_down .con_descript{ margin-bottom: 25px; height: 50px;line-height: 25px;overflow: hidden;width: 505px; color: #999;float: left;}
.news .con .con_right{ width: 516px;float: right;}
.news .con .con_right ul li{height: 115px; width: 100%;border-bottom: 1px solid #e1e1e1; }
.news .con .con_right ul:first-child{border-top: 1px solid #e1e1e1; }
.news .con .con_right ul li:hover{background:#1c73b3; }
.news .con .con_right ul li:hover .con_right_date p{color: #fff; }
.news .con .con_right ul li:hover .con_right_date span{color: #fff; }
.news .con .con_right ul li:hover .con_right_content .descrip p{color: #fff; }
.news .con .con_right ul li:hover .con_right_content .descrip span{color: #fff; }
.news .con .con_right ul li .con_right_content{ height: 50px;padding-top: 32px;}
.news .con .con_right ul li .con_right_date { text-align: center; width: 55px; height: 50px; overflow: hidden;float: left; margin-right: 10px;margin-left: 20px;}
.news .con .con_right ul li .con_right_date p{ font-size: 24px; margin-bottom: 10px;display: block; color: #989898;}
.news .con .con_right ul li .con_right_date span{ font-size: 16px;color: #989898;}
.news .con .con_right ul li .con_right_content .descrip p{ height: 25px;font-size: 16px;  line-height: 25px;float: left; overflow: hidden;width:360px; color: #999;}
.news .con .con_right ul li .con_right_content .descrip span{ height: 25px;line-height: 25px;float: left; overflow: hidden;width:360px; color: #999;}

.ne{ width: 940px;float: right; margin-top: 40px;}
#ne_nav{width:914px;height:24px;background:url(../images/home.png) no-repeat left top;border-bottom:1px solid #ddd; padding-left:30px;}
#ne_nav p{color:#999;margin-top:2px;}
#ne_nav p *{color:#999;}



.col{width:937px;min-height:450px;line-height:200%;margin-top:25px;margin-bottom:50px;float:right;}
.col h2{text-align:center;font-weight:normal;color:#000;}
.col h3{text-align:center;font-weight:normal;font-size:12px;}






.khal{width:937px;min-height:350px;margin-bottom:50px;float:right;margin-top:30px;}
.khal ul{width:100%;overflow:hidden;}
.khal ul li{width:198px;float:left;margin-right:48px;}
.khal ul li:nth-child(4n){margin-right:0px;}
.khal ul li .pic{width:196px;height:78px;border:1px solid #d2d2d2;text-align:center;display:block;}
.khal ul li .pic img{max-width:100%;max-height:100%;margin:auto;}
.khal ul li .pic:hover{border:1px solid #4a7f79;}
.khal ul li p{width:100%;height:45px;text-align:center;line-height:45px;}





.xwzx{width:938px;min-height:300px;margin-bottom:50px;float:right; overflow: hidden;}
.xwzx ul{width:100%;height: 100%;}
.xwzx ul li{width:938px;height:120px;border-bottom:1px dashed #666;transition: all 0.3s ease 0s;position:relative; padding-top: 20px;}
.xwzx ul li p{margin-bottom: 8px;}
.xwzx ul li .date{width:55px;height:100px;float:left;text-align:center;}
.xwzx ul li .date p{border-bottom:1px solid #d6d6d6;font-size:20px;color:#999;padding-bottom:2px; padding-top: 25px;}
.xwzx ul li .date span{font-size:14px;color:#999;margin-top:6px;display:block; }
.xwzx ul li .news_con{ width: 670px;height: 100px; display: block;overflow: hidden; float: left; }
.xwzx ul li .news_con .tit{text-overflow: ellipsis;  white-space: nowrap;font-size:18px;margin-left: 30px; margin-top: 20px;display:block;}
.xwzx ul li .news_con .con{display:block; margin-top: 15px;margin-left: 30px;}
.xwzx ul li:hover {background: #f5f5f5; box-shadow:10px 10px 5px rgba(0, 0, 0, 0.2);}
/*.xwzx ul li:hover .date p{ color:#fff; }*/
/*.xwzx ul li:hover .date span{color:#fff; }*/
/*.xwzx ul li:hover .news_con .tit{ color:#fff;}*/
/*.xwzx ul li:hover .news_con .con{ color:#fff;}*/


.pxxm{width:940px;min-height:350px;margin-bottom:50px;float:right;margin-top:26px;}
.pxxm p{line-height: 170%}
.pxxm ul{width:100%;overflow:hidden; }
.pxxm ul li{width:280px;height:360px;float:left;margin-right:33px;}
.pxxm ul li:nth-child(3n){margin-right:0px;}
.pxxm ul li .pic{ width:280px;height:280px;border-radius: 50%;	border:5px solid #dcdcdc;text-align:center;overflow:hidden;display:flex;align-items:center;display:-webkit-flex; /* Safari */-webkit-align-items: center; /* Safari 7.0+ */}
.pxxm ul li .pic img{transition: transform 0.9s ease 0s; max-width:100%;max-height:100%;margin:auto; }
.pxxm ul li .pic img:hover{transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1); 	/* IE 9 */
	-moz-transform:scale(1.1,1.1); 	/* Firefox */
	-webkit-transform:scale(1.1,1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1,1.1); 	/* Opera */}
.pxxm ul li .pic:hover{border:5px solid dodgerblue;}
.pxxm ul li p{width:100%;height:66px;text-align:center;line-height:66px;}
.pxxm div{font-size: 14px; font-family: "微软雅黑";line-height: 170%}




#sidenav {
	float: left;
	margin-top: 32px;
	width: 224px;
}
#sidenav .gy{
	margin-bottom: 10px;
}
#sidenav h2 {
	display: inline-block; font-family:微软雅黑;  font-weight: bold; background-color:#2f71bf;
	font-size: 22px;
	color: #fff;
	width: 224px;
	height: 66px;
	line-height:66px;
	text-align: center;

}
#sidenav .contact .con{
	border: 1px solid #dcdcdc;
	padding: 15px 19px;
	line-height: 200%;
	font-size: 12px;
}
#sidenav ul li{width:224px; text-align:center;margin-bottom:1px;background: #f5f5f5; }
#sidenav ul .nv{text-indent:20px;font-size: 16px;}
#sidenav ul li>a{height:100%;width:100%;display:block;position:relative;text-align: center; line-height: 30px;  padding-bottom:10px; padding-top: 10px; }
#sidenav ul li a:hover{color:white;background: #2f71bf;}
#sidenav ul li a.cur{color:white;background: #2f71bf;}
/*#sidenav ul .navson{text-align: left;text-indent:45px;}*/

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





/*footer*/
.footer_top{width:100%;height:330px;background:#262626;}
.footer_top .phone{width:100%;height:89px;line-height:89px;border-bottom:1px solid #393939;margin:auto;}
.footer_top .phone .pter{width:1200px;margin:auto;}
.footer_top .phone .pter p{color:#fff;font-size:24px;float:left;}
.footer_top .phone .pter span{color:#008ae6;font-size:36px;}
.footer_top .address{width:1200px;margin:auto;}
.footer_top .address .logo{float:left;margin-top:85px;margin-right:64px;}
.footer_top .address .logo .title{float:left;margin-left:11px;margin-top:17px;}
.footer_top .address .logo p{font-size:24px;font-weight:bold;color:#dedede;margin-bottom:6px;}
.footer_top .address .logo span{text-transform:uppercase;font-weight:normal;color:#dedede;font-size:12px;}
.footer_top .con{width:500px;margin-top:32px;line-height:220%;float:left;color:#999;}
.footer_top .weixin{width:162px;height:164px;background:url(../images/bak.png) center no-repeat;float:right;margin-top:32px;margin-right:13px;text-align:center;font-size:12px;}
.footer_top .weixin p{margin-top:14px;color:#acacac;}
.footer_bottom{width:100%;height:55px;background:#1e1e1e;line-height:55px;color:#d0d0d0;}
.footer_bottom .fter{width:1200px;margin:auto;}
.footer_nav{width:100%;height:50px;line-height:50px;background:#f5f5f5;overflow:hidden;}
.footer_nav ul{position:relative;left:50%;float:left;}
.footer_nav ul li{float:left;width:106px;text-align:center;position:relative;right:50%;}
.footer_nav ul li.line{width:1px;height:11px;background:#666;margin-top:21px;}
.footer_nav ul li:last-child{display:none;}


.mypage{
	text-align: center;
	float:left;
	width:100%;
}
.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;
}