@charset "utf-8";
/* CSS Document */
body{ background:#f2f2f2;}
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{margin:0;padding:0;}body,button,input,select,textarea{font: 14px/1.5 \5FAE\8F6F\96C5\9ED1, tahoma, arial, \5b8b\4f53, sans-serif;}h1,h2,h3,h4,h5,h6{font-size:100%;}address,cite,dfn,em,var{font-style:normal;}code,kbd,pre,samp{font-family:courier new,courier,monospace;}small{font-size:12px;}ul,ol,menu,li{list-style:none outside none;}a,a:hover{text-decoration:none;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}legend{color:#000;}fieldset,img{border:0;}button,input,select,textarea{font-size:100%;}table{border-collapse:collapse;border-spacing:0;}html{overflow-y:scroll;}a,area{blr:expression(this.onFocus=this.blur())}:focus{outline:none;}
/* html5 */
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,dialog{display:block;}
/* clearfix */
.clearfix:after{content:"\0020";display:block;height:0;clear:both;}.clearfix{zoom:1;}
a {color:#474747;}
a:hover {color:#474747;}
.w1200{width: 1200px;margin: 0 auto;clear: both;}
.w100{width:100%;max-width: 1920px;margin: 0 auto;clear: both;}
.w260{width: 260px;overflow: hidden;}
.w900{width: 900px;overflow: hidden;}
.w1000{width: 1000px;margin: 0 auto;clear: both;}
.h10{font-size: 0px;line-height: 0px;height: 10px;overflow:hidden;clear: both;}
.h266{height: 266px;overflow: hidden;}
.fl{float: left;}
.fr{float: right;}
h1,h2,h3,h4 { font-weight:normal;}
html,body{height:100%; color:#474747;}
.clear { clear:both;}
dl,dt,dd,ul,li { margin:0; padding:0; list-style:none;}

::-webkit-scrollbar-track
{
	background:rgba(0,0,0,0);
	border-radius:2px;
}

::-webkit-scrollbar
{
	width: 4px;
	background:rgba(0,0,0,0);
	border-radius:2px;
}

::-webkit-scrollbar-thumb
{
	background: #000000;
}



.head{ width:1260px; margin:0 auto; height:80px;}
.head .logo { width:440px; height:80px;float:left;}
.head .logo img { width:440px; height:80px;}


.navBar{ position:relative; color:#fff; height:50px; line-height:50px; margin:25px 5px 0px 5px; width:735px; float:left;}
.nav { padding:5px 0;}
ul.nav li { text-align:center; position:relative; z-index:999;}
ul.nav > li{ float: left;}
ul.nav li h3 { width:105px!important; height: 40px; line-height: 40px;}
ul.nav li h3 a { display:block; color:#333; font-size:16px;}
ul.nav a:hover { color:#1088d5;}
ul.nav > li > h3 { width:105px!important; overflow: hidden;}
ul.nav > li > ul { position:absolute; margin-left:-17px;}
ul.nav > li > ul > li h3 {  background: rgba(0,0,0,0.8); width:140px!important;}
ul.nav > li > ul > li h3 a{ color:#fff!important;font-size:15px!important;}
ul.nav > li h3:hover a,.choice a{ color:#1088d5!important;}
ul > li > ul{ display: none; z-index:999;}
ul > li.on > ul{ display: block;}
ul.nav li { position: relative;}
ul.nav > li > ul > li ul{ position:  absolute; top: 0; right: -141px;}
ul.nav  > li > ul > li h3 span.sub { position: absolute; display: block; right:10px; top: 0; width: 10px; height: 40px; background: url(../images/nav_jt1.png) no-repeat center center;}
.nav h3.on a { color:#1088d5;}


.head .so {background:url(../images/icon1.png)  0px 20px no-repeat;width:30px;height:60px;cursor:pointer;float:right;margin:20px 10px 0px 0px;position:relative;}
.head .so_k {width:180px; height:30px; position:absolute; right:0px; top:60px; z-index:6; display: none;border:1px solid #fff; padding:0 10px;}
.head .so_k .text { float:left; border:none; background:none; width:150px; color:#fff; height:30px;}
.head .so_k .sub {width:30px; height:30px; float:left; border:none; background:none ;color:#fff; cursor:pointer; }

.head .weixin  {background:url(../images/icon2.png) 0px 20px no-repeat;width:30px;height:60px;cursor:pointer;float:right;margin:20px 0px 0px 0px; position:relative;}
.head .erweima {background: url(../images/ewmImg.jpg);width:120px;height:120px; position:absolute;right:-25px; top:60px; z-index:6; display: none;}



/* banner css */
.banner{ overflow:hidden;position: relative; z-index:2;  width:100%; height:520px; top:0; left:0; background:#f2f2f2; }
.banner .hd{ width:100%; height:20px; overflow:hidden; position:absolute; left:0; bottom:5%; z-index:3; text-align:center;}
.banner .hd ul li{margin:0 4px; padding:0; width:42px; height:5px; line-height:10px; background:#fff; cursor:pointer;display:inline-block; }
.banner .hd ul li.on{ background:#3aa6f0;}
.banner .bd { height:520px;}
.banner .bd li { width:100%; height:520px; position:relative;}
.banner .bd li .text1 { text-align:center; position:absolute; left:50%; top:50%; margin:-56px 0 0 -421px; width:842px; height:112px;}
.banner .bd li .text1 p { padding:10px 0;}



/*-------产品中心-----*/

.cpzx{ width:1200px; margin:0px auto;}

.title1 { padding:60px 0 40px 0; text-align:center;}
.title1 h1 { font-size:32px; color:#333; line-height:80px;}
.title1 p { background:url(../images/titleBg1.png) no-repeat center center; height:9px; line-height:9px;}
.title1 h2 { font-size:16px; color:#999; line-height:60px;}

.cpzxTitle{ width:1200px; text-align:center; margin-top:40px;}
.cpzxTitle li{ width:160px; height:50px; display:inline-block; border:solid 1px #ccc; background:#fff; color:#000; margin:0px 10px;text-align:center; border-radius:50px; line-height:50px; font-size:18px; cursor:pointer;}
.cpzxTitle li.proHover{ color:#fff; background:#1088d5; border:solid 1px #1088d5;}


.cpzx-box{ width:1200px; float:left; margin-top:10px; display:none;}

.cpzx-box-ul{ width:1200px; float:left; margin-top:50px; overflow:hidden;}

/*#pro_left1,#pro_left2,#pro_left3,#pro_left4,#pro_left5,#pro_left6{ width:26px; height:48px; float:left; margin-top:120px;}
#pro_right1,#pro_right2,#pro_right3,#pro_right4,#pro_right5,#pro_right6{ width:26px; height:48px; float:right; margin-top:120px;}

#pro_left1 a,#pro_left2 a,#pro_left3 a,#pro_left4 a,#pro_left5 a,#pro_left6 a{ width:26px; height:48px; float:left; display:block;background:url(../images/leftBtn1.jpg) left center no-repeat;}
#pro_right1 a,#pro_right2 a,#pro_right3 a,#pro_right4 a,#pro_right5 a,#pro_right6 a{width:26px; height:48px; float:left; display:block;background:url(../images/rightBtn1.jpg) left center no-repeat;}*/

.proUl{ width:1257px; float:left; margin-left:-57px;height:307px;}
.proUl ul li { width:255px; float:left; height:305px;border:solid 1px #e0e0e0; margin-left:57px;}
.proUl ul li .cpzxImg{ width:255px; height:255px; display:block; float:left; overflow:hidden;}
.proUl ul li .cpzxImg img{ width:255px; height:255px; transition:all 0.6s ease 0s;} 
.proUl ul li .cpzxImg:hover img{transform:scale(1.2); transition:all 0.6s ease 0s;}

.proUl ul li .cpzxTxt{width:235px;display:block;float:left;padding:0px 10px;height:50px;line-height:50px;text-align:center;font-size:16px;color:#111;}




.jjfa{ width:1200px; margin:0px auto;}

.jjfaMain{ width:1233px; float:left;margin-left:-33px;}
.jjfaMain ul li{ width:275px; float:left; float:left; margin-left:33px;}

.jjfaMain ul li a.jjfaBox{ width:275px; display:block; float:left; height:225px; overflow:hidden; border-radius:20px; position:relative;}
.jjfaMain ul li a.jjfaBox .jjfaImg{ width:275px; height:225px; float:left; position:relative; z-index:2; overflow:hidden;}
.jjfaMain ul li a.jjfaBox .jjfaImg img{width:275px; display:block;height:225px; border-radius:20px;transition:all 0.6s ease 0s;} 
.jjfaMain ul li a.jjfaBox:hover img{transform:scale(1.2); transition:all 0.6s ease 0s;}

.jjfaMain ul li a.jjfaBox .jjfaTxt{ width:275px;float:left; position:relative; z-index:3; height:42px; margin-top:-42px;overflow:hidden;}
.jjfaMain ul li a.jjfaBox .jjfaTxt span{ width:275px; height:42px; display:block; float:left; position:relative; z-index:5; text-align:center; color:#fff; font-size:20px; line-height:42px;}
.jjfaMain ul li a.jjfaBox .jjfaTxt i{ background:#000; width:275px; height:42px; display:block; float:left; margin-top:-42px;opacity:0.8; z-index:4;}

.jjfaMain ul li .jjfatxt1{ width:275px; padding:10px 0px; overflow:hidden;display:block; float:left; height:30px; line-height:30px;font-size:24px; color:#4f4f4f; font-weight:bold;}

.jjfaMain ul li .jjfatxt2{ width:275px; display:block; float:left; line-height:22px; color:#959595; font-size:14px; height:44px; overflow:hidden;}


a.More { font-size:14px; color: #fff; line-height:35px; border-radius:35px; display: block; margin:40px auto; background: url('../images/morebg.png') #6d6c6c no-repeat center center; position: relative; transition: all 0.3s; position:relative; text-align:left; text-indent:15px;width:110px;}
a.More .icon-more { display: block; position: absolute; right:10px; top:8px;  width: 18px; height: 18px; border-radius: 50%; background: url('../images/icon_more011.png')no-repeat center center; background-size: 100%; }
a.More:hover { background: url('../images/morebg.png') no-repeat center center #1088d5; color: #fff; }
a.More:hover .icon-more { background: url('../images/icon_more011.png')no-repeat center center; background-size: 100%; }


.xwzx{width:1200px; margin:0px auto;}

.xwzxMain{ width:1230px; float:left;margin-left:-30px;}
.xwzxMain ul li{ width:330px; height:385px; border:solid 1px #d9d9d9; background:#fff;float:left; padding:24px 24px;float:left; margin-left:30px;}

.xwzxMain ul li .xwzxImg{ width:330px; height:230px; overflow:hidden; display:block; float:left;}

.xwzxMain ul li .xwzxImg img{width:330px; display:block;height:230px;transition:all 0.6s ease 0s;} 
.xwzxMain ul li .xwzxImg:hover img{transform:scale(1.2); transition:all 0.6s ease 0s;}
.xwzxMain ul li .xwzxtxt1{margin-top:10px;width:330px; height:40px; line-height:40px; overflow:hidden; font-size:16px; color:#333; text-align:center; float:left;}

.xwzxMain ul li .xwzxtxt2{ margin-top:10px;width:330px; height:104px; line-height:26px; overflow:hidden; font-size:14px; color:#666; float:left;}




.footer .footer_top {background: #333;padding-top: 60px;padding-bottom: 62px; margin-top:50px;}
.footer .footer_top .foot_cen .link_box {float: left; }
.footer .footer_top .foot_cen .link_box ul li {float: left;margin-right:150px; }
      
.footer .footer_top .foot_cen .link_box ul li.last {margin-right: 0; }
.footer .footer_top .foot_cen .link_box ul li .large {display: block;font-size: 18px;line-height: 20px;color: #fff; }
.footer .footer_top .foot_cen .link_box ul li .links {margin-top: 13px; }
.footer .footer_top .foot_cen .link_box ul li .links a {display: block;font-size: 14px;line-height: 30px;color: #9f9f9f;transition: color 0.3s; }
.footer .footer_top .foot_cen .link_box ul li .links a:hover {color: #fff; }
.footer .footer_top .foot_cen .code {float: right;margin-right: 70px;padding-left: 90px;border-left: 1px solid #444; }

.footer .footer_top .foot_cen .code .code_img {width: 120px;height: 120px;border-radius: 5px;background: #fff;margin: 0 auto; }
.footer .footer_top .foot_cen .code .code_img img {width: 100%;border-radius: 5px; }
.footer .footer_top .foot_cen .code .txt {font-size: 16px;line-height: 24px;color: #666;text-align: center;margin-top: 10px; }
.footer .footer_top .foot_cen .msg {float: right;width: 270px; }
.footer .footer_top .foot_cen .msg .tel {padding-left: 50px;background: url(../images/tel.png) 0px 5px no-repeat; }
.footer .footer_top .foot_cen .msg .tel .txt {font-size: 16px;line-height: 26px; color: #959595; }
.footer .footer_top .foot_cen .msg .tel .number {font-size: 24px;line-height: 32px;color: #fff; }
.footer .footer_top .foot_cen .msg .share {margin-top: 30px;margin-left: 50px; }
.footer .footer_top .foot_cen .msg .share a {width: 30px;height: 30px;padding: 0; display:inline-block;margin: 0 15px 0 0; }
.footer .footer_top .foot_cen .msg .share a.bds_weixin {background: url(../images/wx.png) no-repeat center center; }
.footer .footer_top .foot_cen .msg .share a.bds_tsina {background: url(../images/sina.png) no-repeat center center; }
.footer .foot_bot {background: #222;padding: 21px 0; }
.footer .foot_bot .foot_bot_cen .copyright {float: left;font-size: 14px;line-height: 38px; color: #666; }
.footer .foot_bot .foot_bot_cen .copyright a {transition: opacity 0.3s;color: #666; }
.footer .foot_bot .foot_bot_cen .copyright a:hover {color: #fff; }
.footer .foot_bot .foot_bot_cen .fbox {float: right; }
.footer .foot_bot .foot_bot_cen .fbox .contact {font-size: 16px;line-height: 38px;color: #fff;float: left; }
.footer .foot_bot .foot_bot_cen .fbox .friendship {float: left;width: 200px;position: relative;margin-left: 25px; }
.footer .foot_bot .foot_bot_cen .fbox .friendship .show { border-radius: 3px; cursor: pointer; background-color: #383838; height:38px;}
.footer .foot_bot .foot_bot_cen .fbox .friendship .show .txt {font-size: 14px;line-height: 38px;color: #999;padding-left: 70px;float: left; }
.footer .foot_bot .foot_bot_cen .fbox .friendship .show i {display: block;float: right;width: 8px;height: 38px;background: url(../images/s.png) no-repeat center center; margin-right: 15px; }
.footer .foot_bot .foot_bot_cen .fbox .friendship .hide {position: absolute;width: 100%;bottom: 100%;left: 0;background: #383838;display: none; }
.footer .foot_bot .foot_bot_cen .fbox .friendship .hide a {display: block;font-size: 14px;line-height: 38px;color: #999;border-bottom: 1px solid #333;padding-left: 30px;transition: color 0.3s; }
.footer .foot_bot .foot_bot_cen .fbox .friendship .hide a:hover {color: #fff; }


.INbanner{ width:100%; height:250px;}


.left_nav_h1 { height:120px; background:#1088d5; text-align:center;}
.left_nav_h1 h1 { font-size:28px; font-weight:normal; color:#fff; line-height:1.2; padding:26px 0 0 0;}
.left_nav_h1 p { color:#7fbee7; font-size:18px; line-height:1.2; padding:6px 0 0 0;}


.sideMenu {  border:1px solid #ddd; width:248px; float:left; margin-top:30px; background:#fff;}
.sideMenu h3{ height:48px; line-height:48px; padding-left:20px;  border-top:1px solid #e3e3e3; background:#f4f4f4; cursor:pointer; font-size:18px;}
.sideMenu h3 em{ float:right; display:block; width:48px; height:48px;   background:url(../images/icoAdd.png) 16px 20px no-repeat; cursor:pointer; }
.sideMenu h3.on em{ background-position:16px -49px; }
.sideMenu ul { padding:8px 25px; color:#999; display:none; /* 默认都隐藏 */ }
.sideMenu ul li { line-height:34px; line-height:34px;}
.sideMenu ul li a { font-size:16px;}
.sideMenu ul li.on1 a,.sideMenu ul li.on1{ color:#FF0000;}


/*------分页样式----*/

/*分页样式*/
.pagenum { text-align:center; padding:20px 0;}
.pagenum a {border: 1px solid #FFFFFF;color: #999999; background:#fff;margin: 0 3px;padding: 6px 0; }
.pagenum a:hover { background:#1088d5; color:#fff;}
.pagenum a.pages {background: #F8F8F8; border: 1px solid #D9D9D9; height:19px; line-height:19px; padding: 6px 15px;}
.pagenum a.pages:hover,.pagenum a.nextPage:hover,.pagenum a.prePage:hover {background:#1088d5; color:#ffffff;}
.pagenum .current { background:#1088d5;height:19px; line-height:19px; color: #fff; padding: 6px 15px; border:1px solid #1b9327}
.pagenum .firstPage,.pagenum .nextPage,.pagenum .prePage,.pagenum .lastPage {background-color: #F8F8F8; border: 1px solid #D9D9D9; color: #999999; height: 19px; line-height: 19px; padding: 6px 15px; width: 39px;}


.pageR{ width:922px; float:right;}
.ny_ra{width:100%; border-bottom:#cfcfcf 1px solid;margin-bottom: 15px; margin-top:30px;}
.ny_ra span{ display:block; float:left; color:#333; font-size:22px; font-weight:bold; padding-bottom:10px;}
.ny_ra span i{ width:4px; height:21px; background:url(../images/spanBg1.jpg) no-repeat; display:block;float: left;
margin-top: 2px;margin-right:10px;} 
.ny_ra h2{ float:right; font-weight:normal; font-size:14px;} 

/*----产品中心------*/
.cplist { float:right; width:947px; margin-left:-25px;}
.cplist li { width:270px; margin-left:25px; text-align:center; float:left; margin-bottom:20px; padding:10px;}
.cplist li .pic { width:268px; height:195px; overflow:hidden; border:1px solid #ddd; margin-bottom:10px;}
.cplist li .pic img { width:268px; height:195px; display:block;transition: all 0.6s;}
.cplist li .pic img:hover{transform: scale(1.2);}
.cplist li .title{ width:100%; font-size:16px; text-align:center; height:30px; line-height:30px; overflow:hidden;}


.INabout{width:922px; float:left; padding:20px 0px; line-height:40px;}
/*---新闻中心----*/

.newlist{ width:922px; float:left; padding:20px 0px;}

.newlist ul li{ width:920px; float:left;height:160px; margin-bottom:30px;  border-bottom:dashed 1px #ccc; padding-bottom:30px;}


.newlist li .xwdtImg{ width:250px; height:160px; float:left;}
.newlist ul li .xwdtImg img{ width:250px; height:160px;}
.newlist ul li .xwdtTxt{ width:640px; float:right;}
.newlist ul li .xwdtTxt a{ width:640px; display:block; float:left; font-size:18px; color:#333; font-weight:bold;height:25px; line-height:25px;}
.newlist ul li .xwdtTxt label{ width:640px; display:block; float:left; font-size:14px; color:#666; padding:3px 0px;}
.newlist ul li .xwdtTxt span{width:640px;display:block; float:left; font-size:14px; color:#999; margin:5px 0px;line-height:22px; height:66px; overflow:hidden;}
.newlist ul li .xwdtTxt a.xwdtA{background:#1b85ee;color:#fff;line-height:24px;display:block;height:24px;text-align:center; width:80px; text-transform:uppercase; font-size:12px; border-radius:5px; font-weight:normal;}
.newlist ul li .xwdtTxt .xwdtA:hover{ text-decoration:none; background:#0066cb;}

.txttitle{font-size:16px; text-align:center; line-height:30px; height:40px; margin-bottom:10px; font-weight:bold; width:915px;  border:none; border-bottom:1px #CCCCCC dashed;}
.subtxt{width:915px; height:22px;  line-height:22px; text-align:center; font-size:12px;}
.pernext{width:760px;height:auto; line-height:240%; text-align:left;margin:10px 0px; clear:both;}