@charset "utf-8";
/* CSS Document -- skyren */
body{font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size: 12px;font-style: normal; line-height: 22px; font-weight: normal; font-variant: normal; color:#7c7c7c; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
*{ -webkit-tap-highlight-color: transparent;}
body,ul,dl,dd,dt,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,img,td,div,input{margin:0;padding:0;}
table{ border-collapse:collapse; border-spacing:0;}
a{ outline-style:none; color:#666; text-decoration:none; border:0px;}
a:hover{ text-decoration:none; color:#154baa;}
input,select,textarea{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#666;outline:none}
input{ border:0}
img{border:0;}
li{list-style-type:none; vertical-align:0}
.hidden{display:none;}
.show{ display:block;}
.fleft{float:left}
.fright{float:right}
.pr{ position:relative;}
.pa{ position:absolute}
.clear{ clear:both; height:0; line-height:0; overflow:hidden; font-size:0;}
textarea{resize: none;}
.font_12{ font-size:12px;}
.fbold{ font-weight:700}
area{outline: none}
/*以上为通用样式*/
.head{ width:100%; height:117px; background-color:#ffffff;}
.header{ width:1086px; height:117px; margin:0 auto; }
.logo{ width:274px; height:117px; display:block; float:left;}
.logo img{ width:274px; height:117px;}
.head_right{ width:812px; height:117px; float:right;}
.head_information{ width:325px; height:35px; padding-top:10px; line-height:35px; color:#858585; float:right;}
.share_wechat{ width:28px; height:27px; display:block; background:url(../images/share_wechat.gif) no-repeat center center; margin-top:5px;}
.head_information span{ float:left; margin-right:10px; font-size:13px;}
.head_information a{ float:left; margin-right:13px;}

.head_information .f1 { float:left;  margin:2px 0px 0px 0px;}
.head_information .f1 ul { height:35px; float:right; }
.head_information .f1 ul li{ height:35px;}
.head_information .f1 ul li a{ font-size:12px; color:#999;}
.head_information .f1 a{font-size:12px; color:#999;}

.head_nav{ width:605px; padding-left:20px; float:left;}
.head_nav ul li{ line-height:50px; height:72px; float:left; padding:0 10px; position:relative;z-index:100;}
.head_nav ul li a{ font-size:16px; color:#494949;}
.head_nav ul li a:hover{ color:#01a2de;}
.nav_search_box{ width:171px; height:25px; padding-left:10px; padding-top:1px; background:url(../images/search_select_bg.gif) no-repeat; float:right; margin-top:10px; position:relative;}
.nav_search{ width:138px; height:24px;}
.search_button{ width:16px; height:16px; display:block; background:url(../images/search_button.gif) no-repeat center center; position:absolute; right:13px; top:5px;}
.foot{ width:100%; background-color:#eef2f5; height:286px;}
.footer{ width:1086px; margin:0 auto; height:230px; padding-top:56px;}
.foot_logo{ width:200px; float:left; margin-bottom:30px;}
.foot_select{ width:860px; padding-top:11px; float:left;}
.foot_select ul li{ width:181px;  line-height:28px; float:left; background:url(../images/foot_select_bot.gif) no-repeat; margin-right:30px; margin-bottom:12px; cursor:pointer; position:relative;}
.foot_select ul li.zindex5{ z-index:5;}
.foot_select ul li.zindex4{ z-index:4;}
.foot_select ul li.bgchange{ background:url(../images/foot_select_top.gif) no-repeat;}
.foot_select ul li .foot_select_dis{ width:179px;  line-height:28px; position:absolute; left:2px; top:28px; z-index:9; background-color:#FFF; display:none;}
.foot_select ul li a{ width:166px; padding-left:13px; height:28px; line-height:28px; display:block;}
.foot_select ul li .foot_select_dis a:hover{ background-color:#CCC;}
.about_hd{ width:690px; float:left;}
.about_hd h3{ font-size:20px; color:#444444; font-weight:400; border-bottom:1px dotted #b3b4b6; padding-bottom:10px;}
.about_hd h3~div{ margin-top:5px;}
.our_tel{ width:271px; float:right;margin-right: 60px;}
.foot_beian{ text-align: center; background-color:#e1e6ea; height:50px; line-height:50px; color:#949597; font-size:12px;}
.pages_break{ padding:50px 0; text-align: center;}
.pages_break a{ padding:7px 13px; background:url(../images/pages_break.jpg) repeat-x; border:1px solid #cbcbcb;}
.pages_break a:hover{ background:#cbcbcb; color:#FFF;}
/*20150724*/
.nav_down_area{ display:none; width:709px; height:322px; padding:44px 110px; background-color:#eff2f4; position:absolute; top:72px; left:-212px; z-index:1000;}
.nav_down_area.ssw1{ left:-148px;}
.nav_down_area.ssw2{ left:-224px;}
.nav_down_area.ssw3{ left:-314px;}
.nav_down_area.ssw4{ left:-390px;}
.nav_down_area.ssw5{ left:-466px;}
.nav_down_area.ssw6{ left:-542px;}
.ndjiao{ width:44px; height:20px; background:url(../images/navdownjiao.gif) no-repeat; position:absolute; left:161px; top:-20px;}
.ndjiao.w1{ width:44px; height:20px; background:url(../images/navdownjiao.gif) no-repeat; position:absolute; left:161px; top:-20px;}
.ndjiao.w2{ left:248px;}
.ndjiao.w3{ left:330px;}
.ndjiao.w4{ left:410px;}
.ndjiao.w5{ left:483px;}
.ndjiao.w6{ left:565px;}
.navdownleft{ width:296px; float:left;}
.navdownleft a{ width:296px; height:40px; display:block; line-height:40px; border-bottom:1px solid #cccccc; color:#383838; font-size:16px;}
.navdownright{ width:302px; float:right;}
.navdownright img{ width:302px; height:187px; display:block; margin-bottom:10px;}
.navdownright h3{ font-size:18px; color:#383838; line-height:30px; margin-bottom:10px; font-weight:400;}
.navdownright div{ font-size:12px; line-height:22px; color:#5d5d5d;}

/*视频新加CSS20160112*/
.video_div{	position:absolute;width:800px;height:600px;margin-left:auto;margin-right:auto;border:1px solid #000000;background:#efefef;z-index: 9999;display:none;}
.video_div .tit{ background:#F5F5F5; display:block; height:33px; cursor:move;}
.video_div .tit i{ float:right; line-height:33px; padding:0 8px;cursor:pointer;}

/*轮播*/
		.swiper-list{
			width: 310px;
			height: 220px;
			margin: 0 auto;
			position: relative;
			overflow: hidden;
		}
		.swiper-main {
			height: 100%;
			position: relative;
			overflow: hidden;
		}
		.swiper-item{
			height: 100%;
			display: inline;
			position: absolute;
		}

		.swiper-spot{
			width: 100%;
			height: 15px;
			display: flex;
			justify-content: center;
			align-items: center;
			position: absolute;
			bottom: 10px;
		}
		.swiper-spot .spot-item{
			width: 15px;
			height: 15px;
			border-radius: 50%;
			background-color: #ccc;
			margin-left: 10px;
		}
		.swiper-spot .spot-item:nth-of-type(1) {
			margin-left: 0;
		}

		.leftBtn{
			position: absolute;
			left: 15px;
			top: 50%;
			transform: translateY(-50%);
			width: 30px;
    		height: 30px;
		}
		.rightBtn{
			position: absolute;
			right: 15px;
			top: 50%;
			transform: translateY(-50%);
			width: 30px;
    		height: 30px;
		}