/* eyoucms.com 易优CMS -- 好用,免费,安全 */

@charset "utf-8";

/* CSS Document */

body{margin:0 auto; padding:0; font-size:12px; font-family:"标宋",Tahoma,Arial,Helvetica,sans-serif; color:#222; background:#FFF;}

body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,pre{margin:0;padding:0; outline:none;font-family:"标宋"}

h1,h2,h3,h4{font-size:14px; font-family:"标宋",Tahoma,Arial;}

a{text-decoration:none; color:#222; outline:none;}

input{ outline:none;}

img{ border:0 none; vertical-align:top;}

ul li{list-style:none;}

i{ font-style:normal;}

.c{clear:both; overflow:hidden; zoom:1;}

.center{ text-align:center;}

.fl{ float:left;}
.fs{ float:right;}
.fr{ float:right;}

.warp{width:1220px; margin:0 auto; clear:both;}

.mt8{ margin-top:8px;}

.mt10{ margin-top:10px;}

.mt15{ margin-top:15px;}

.mt18{ margin-top:18px;}

.mt20{ margin-top:20px;}

.mt25{ margin-top:25px;}

.mt30{ margin-top:30px;}

.mt35{ margin-top:35px;}

.mt40{ margin-top:40px;}

.mt50{ margin-top:50px;}

.mt60{ margin-top:60px;}

.mt90{ margin-top:90px;}





#header_box{ height:80px; background:rgba(255,255,255,1); clear:both; position:fixed; left:0; top:0; width:100%; -moz-box-shadow:0px 0px 13px #666; -webkit-box-shadow:0px 0px 13px #666; box-shadow:0px 0px 13px #666;}

.header{width:1300px; margin:0 auto; clear:both; position:relative;}

.header .logo img{ width:324px; height:65px; padding: 10px 5px 16px 36px;overflow:hidden; }

.search_box{ width:38px; height:38px; border-radius:6px; background:#eee; display:block; text-align:center; line-height:38px; font-size:22px; margin-right:40px; cursor:pointer; position:relative; z-index:101}

#search-form {-moz-transition: max-width, 0.5s; -o-transition: max-width, 0.5s; -webkit-transition: max-width, 0.5s; transition: max-width, 0.5s; position: absolute; top:25px; right:216px; width:100%; max-width: 0; overflow: hidden; background-color: #e5e5e5; border-radius:6px; z-index:101}

#search-form.open { height:38px; max-width:260px;}

#search-form fieldset {position: relative; margin: 0 50px 0 0; padding: 0; border: none;}

#search-form input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; height:38px;}

#search-form input[type="search"] { width: 100%; padding: 0 5px 0 16px; background: transparent; border: none;}

#search-form input[type="submit"] { position: absolute; bottom: 0; right: 0; width: 38px; margin: 0; padding: 0; text-transform: uppercase; background: #eee; border: none; cursor: pointer; font-size:22px; border-radius:6px;}



.headers-box{display:block; position:fixed; top:0px; left: 0px; width: 100%; height:80px; z-index: 10;}

.header-box-black{ height:80px; background:rgba(255,255,255,1); clear:both; position:fixed; left:0; top:0; width:100%; -moz-box-shadow:0px 0px 13px #666; -webkit-box-shadow:0px 0px 13px #666; box-shadow:0px 0px 13px #666;}

#menu01{ display:inline-block; margin-left:40px; height:80px; line-height:80px;}

#menu01 li{ display:inline-block; float:left; width:100px; text-align:center; font-size:18px; margin-left:10px;}

#menu01 li a{ color:#a7a25a; width:100px; white-space:nowrap; overflow:hidden; display:block;}

#menu01 li.cur a{ color:#a7a25a;}

#nav{display:inline-block; margin-left:40px; height:80px; line-height:80px;}

#nav li{ display:inline-block; float:left; width:100px; text-align:center; font-size:18px; margin-left:10px; overflow:hidden}

#nav li a:hover,#nav li.cur a{ color:#a7a25a;}

#nav li a{  width:100px; white-space:nowrap; overflow:hidden; display:block;}

#nav li:hover{ overflow:visible;}

#nav ul > li { float: left; position: relative; }

#nav li ul { background:#fff; -moz-box-shadow:0px 5px 5px rgba(0,0,0,.18); -webkit-box-shadow:0px 5px 5px rgba(0,0,0,.18); box-shadow:0px 5px 5px rgba(0,0,0,.18);}

#nav li ul li {width:140px; height:38px; line-height:38px; overflow:hidden; white-space:nowrap; margin:0;}

#nav li ul a { width:140px;  text-align:center; font-size:17px; color:#555;}

.nav3 ul > li:hover ul{ opacity:1; top:70px;}

.nav3 ul > li:hover ul li {height:38px; border-bottom:#eaeaea dashed 1px;}

.nav3 li ul {position: absolute; left:-20px; top:0px; opacity:0; transform:translate(0,0); transition:all .2s ease-in 0s; }

#nav li:hover .mainlevel{ color:#a7a25a;}





/*page2 动画*/

.page2 .fl{transition:1s; transform: translateX(-2000px);}

.page2.active .fl{transform:translateX(0px);}

.page2 .fr{transition:1s; transform: translateX(2000px);}

.page2.active .fr{transform:translateX(0px);}

/*关于我们*/

.about_box{ color:#FFF; height:auto; display:inline-block;}

.about_tt{ clear:both; overflow:hidden;}

.about_tt h2{ font-weight:normal; font-size:38px; float:left; display:block; margin-top:26px; letter-spacing:1px;}

.about_tt h3{ font-size:120px; color:rgba(255,255,255,.2); display:inline-block; text-transform:uppercase; float:left; margin-left:-66px; font-family:Arial;}

.about_tt h2::after{ width:50px; height:5px; background:#a7a25a; display:block; content:""; margin-top:26px; margin-left:2px;}

.about_name{ font-size:22px; clear:both; overflow:hidden; height:44px; line-height:44px; background:#a7a25a; width:auto; display:inline-block; padding:0 20px; letter-spacing:1px; transform:translate(0,0); transition:all .4s ease-in 0s;}

.about_name:hover{ letter-spacing:5px;}

.about_item{position:absolute; left:800px; top:130px; width:550px; height:426px; display:block; padding-left:45px; background:url(../img/fd_01.png) left top no-repeat; overflow:hidden;}

.about_item h2{ font-size:24px; height:88px; line-height:88px; overflow:hidden;}

.about_item .txt{ font-size:15px; line-height:30px; height:240px; overflow:hidden; clear:both;}

.in_about_more {width:130px; height:36px; line-height:36px; background:rgba(255,255,255,.3); text-align:center; transform:translate(0,0); transition:all .4s ease-in 0s;}

.in_about_more a{ font-size:14px; color:#FFF; text-transform:uppercase; display:block; transform:translate(0,0); transition:all .3s ease-in 0s; letter-spacing:1px;}

.in_about_more:hover{ background:#a7a25a;}

.in_about_more:hover a{color:#fff}

.in_about_pic{ background:url(../img/abou_pic.png) left top no-repeat; width:540px; height:340px; overflow:hidden; padding-left:30px; padding-top:30px;}

.in_about_pic img{ width:540px; height:340px; overflow:hidden;}



/*page3 动画*/

.page3 .new_box{transition:1s; transform: translateY(-9999px);}

.page3.active .new_box{transform:translateY(0px);}

.page3 .pro_list{transition:1.3s; transform: translateY(9999px);}

.page3.active .pro_list{transform:translateY(0px);}

.page3 .pro_more{transition:1.5s; transform: translateY(9999px);}

.page3.active .pro_more{transform:translateY(0px);}



/*项目展示*/

.pro_box{ height:auto; overflow:hidden; color:#FFF;}

.pro_tt{ clear:both; overflow:hidden;}

.pro_tt h2{ font-weight:normal; font-size:38px; float:right; display:block; margin-top:24px; letter-spacing:1px;}

.pro_tt h3{ font-size:120px; color:rgba(255,255,255,.1); display:inline-block; text-transform:uppercase; float:right; margin-right:-66px; font-family:Arial;}

.pro_tt h2::after{ width:50px; height:5px; background:#a7a25a; display:block; content:""; margin-top:26px; position:absolute; right:0;}



.pro_list{ clear:both; position:relative;}

.pro_list ul{ height:350px; overflow:hidden;}

.pro_list li{width:360px; height:300px; background:rgba(167,162,90,.5); float:left; display:inline-block; margin:0 16px 0 16px; padding:10px;transform:translate(0,0); transition:all .3s ease-in 0s;}

.pro_pic{ width:360px; height:240px; overflow:hidden;}

.pro_pic img{ width:360px; height:240px; overflow:hidden; transform:translate(0,0); transition:all .3s ease-in 0s;}

.pro_list li p{ width:360px; overflow:hidden; height:50px; line-height:50px; color:#000000; font-size:18px; text-align:center; margin-top:10px;}

.pro_list li:hover{background:#a7a25a;}

.pro_list li:hover .pro_pic img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}



.pro_list .prev,.pro_list .next{width:30px; height:56px; position:absolute; top:127px; cursor:pointer;}

.pro_list .prev{left:-66px;background:url(../img/btn_left.png) no-repeat; width:30px; height:56px; opacity:.5}

.pro_list .next{right:-78px; background:url(../img/btn_right.png) no-repeat; width:30px; height:56px; opacity:.5}

.pro_list .prev:hover,.pro_list .next:hover{opacity:1}

.pro_more {width:170px; height:46px; line-height:46px; background:rgba(255,255,255,.3); text-align:center; transform:translate(0,0); transition:all .4s ease-in 0s; margin:60px auto 0; }

.pro_more a{ font-size:15px; color:#000000; text-transform:uppercase; display:block; transform:translate(0,0); transition:all .3s ease-in 0s; letter-spacing:1px;}

.pro_more:hover{ background:#a7a25a;}

.pro_more:hover a{color:#fff;}





/*page4 动画*/

.page4 .new_box{transition:1s; transform: translateY(-9999px);}

.page4.active .new_box{transform:translateY(0px);}

.page4 .new_list{transition:1.5s; transform: translateY(9999px);}

.page4.active .new_list{transform:translateY(0px);}

.page4 .new_more{transition:1.8s; transform: translateY(9999px);}

.page4.active .new_more{transform:translateY(0px);}



.new_box{ height:auto; color:#000000; margin-top:70px;}

.new_tt{ clear:both; text-align:center;}

.new_tt h2{ font-weight:normal; font-size:38px; display:block; margin-top:24px; letter-spacing:1px;}

.new_tt h3{ font-size:120px; color:rgba(255,255,255,.1); text-transform:uppercase; font-family:Arial; margin-top:-110px;}

.new_tt h2::after{ width:50px; height:5px; background:#a7a25a; display:block; content:""; margin-top:26px; position:absolute; left:585px;}



.row-a4{
	padding-bottom: 80px;
	overflow: hidden;
}
.row-a4 .g-tit01_x{
	margin-bottom: 40px;
}
.row-a4 .col-l{
	width: 65.82%;
}
.row-a4 .col-r{
	width: 31.63%;
}
.ul-news01_x{
	overflow: hidden;
	margin: 0 -15px;
}
.ul-news01_x li{
	float: left;
	width: 50%;
}
.ul-news01_x li .con{
	display: block;
	margin: 0 15px;
}
.ul-news01_x li .pic{
	overflow: hidden;
	position: relative;
	padding-top: 75%;
	height: 0;
}
.ul-news01_x li .pic img{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
}
.ul-news01_x li:hover .pic img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.ul-news01_x li .pic .time{
	position: absolute;
	top: 0;
	left: 20px;
	width: 65px;
	height: 65px;
	color: #fff;
	text-align: center;
	background-color: #007ccb;
}
.ul-news01_x li .pic .time strong{
	display: block;
	font-size: 32px;
}
.ul-news01_x li .pic .time span{
	display: block;
	font-size: 12px;
	font-family: Arial;
}
.ul-news01_x li .txt{
	padding: 15px 20px;
	border: 1px solid #eee;
}
.ul-news01_x li .txt .tit{
	overflow: hidden;
	margin-bottom: 5px;
	height: 38px;
	line-height: 38px;
	font-size: 16px;
	color: #333;
	padding-bottom: 11px;
	background: url(../image/bg7_x.png) left bottom no-repeat;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: .2s;
	-ms-transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
}
.ul-news01_x li:hover .txt .tit{
	color: #007ccb;
}
.ul-news01_x li .txt .more{
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #999;
}
.ul-news02_x{

}
.ul-news02_x li{
	overflow: hidden;
	margin-bottom: 25px;
}
.ul-news02_x li .pic{
	float: left;
	overflow: hidden;
	width: 115px;
	height: 86px;
}
.ul-news02_x li .pic img{
	display: block;
	width: 100%;
	height: 100%;
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
}
.ul-news02_x li:hover .pic img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.ul-news02_x li .txt{
	overflow: hidden;
	padding-left: 20px;
}
.ul-news02_x li .txt .tit{
	overflow: hidden;
	margin-bottom: 7px;
	height: 38px;
	line-height: 38px;
	font-size: 16px;
	color: #333;
	padding-bottom: 6px;
	background: url(../image/bg7_x.png) left bottom no-repeat;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: .2s;
	-ms-transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
}
.ul-news02_x li:hover .txt .tit{
	color: #007ccb;
}
.ul-news02_x li .txt .more{
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #999;
}
.m-more01_x{
    display: block;
    height: 43px;
    line-height: 43px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    background-color: #007ccb;
}
.m-more01_x:hover{
	color: #fff;
	background-color: #0f69a2;
}

.g-tit01_x{
	position: relative;
	padding: 75px 0 18px;
	border-bottom: 1px solid #f2f2f2;
	text-align: center;
}
.g-tit01_x:after{
	content: "";
    position: absolute;
    bottom: -3px;
    left: 50%;
    margin-left: -25px;
    width: 41px;
    height: 5px;
    background-color: #007ccb;
    border-radius: 2px;
}
.g-tit01_x.bai:after{
	background-color: #fff;
}
.g-tit01_x .tit{
	font-size: 30px;
	color: #333;
}
.g-tit01_x.bai .tit{
	color: #fff;
}
.g-tit01_x span{
	font-size: 14px;
	color: #999;
	text-transform: uppercase;
}
.g-tit01_x.bai span{
	color: #fff;
}

.g-tit3{
	padding-bottom: 10px;
	font-size: 16px;
	color: #007ccb;
	border-bottom: 1px solid #e4e4e4;
	font-weight: 600;
}
.g-tit3 span{
	font-weight: 400;
	color: #999;
	text-transform: uppercase;
}
.g-pages{
	text-align: center;
	font-size: 0;
	margin: 20px 0;
}
.g-pages li{
	display: inline-block;
}

.g-pages li a{
	display: block;
	padding: 2px 10px;
	line-height: 24px;
	margin: 0 2px;
	border: 1px solid #dbdbdb;
	font-size: 13px;
}
.g-pages li.on a,
.g-pages li a:hover{
	background-color: #007ccb;
	border: 1px solid #007ccb;
	color: #fff
}

.g-cur{
    height: 40px;
    line-height: 40px;
    background: #f3f3f3;
}
.g-cur .wp{
    background: url('../image/home.png') left center no-repeat;
    padding-left: 20px;
    box-sizing: border-box;
}
.g-cur .wp a{
   color: #2f2f2f; 
}
.g-cur .wp a:hover{
    color: #007ccb;
}
.row-b1{
    overflow: hidden;
    padding: 20px 0;
}
.row-b1 .col-l{
	width: 290px;
    padding: 13px;
}
.row-b1 .col-r{
	float: none;
	overflow: hidden;
    margin-left: 310px;
}
.g-titIns1{
    height: 44px;
    line-height: 44px;
    font-size: 20px;
    color: #545454;
    border-bottom: 1px solid #ebebeb;
    font-weight: normal;
    position: relative;
}
.g-titIns1::after{
    content: '';
    width: 80px;
    height: 1px;
    background: #007ccb;
    position: absolute;
    left: 0;
    bottom: -1px;
}
.ul-newslist{
	overflow: hidden;
	padding: 12px;
	background-color: #fff;
	border-radius: 5px;
}
.ul-newslist li{
    border-bottom: 1px solid #e6e6e6;

}
.ul-newslist li a{
	display: block;
    font-size: 14px;
    height: 42px;
    line-height: 42px;
	padding-left: 15px;
	color: #666;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../image/news-r1.png);
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.ul-newslist li a:hover{
	color: #007ccb;
	background-color: #e6e6e6;
	font-weight: bold;
}
.m-info{
	padding: 12px;
	border-radius: 5px;
	background-color: #fff;
	line-height: 2;
	font-size: 14px;
	color: #666;
}
.wp{width: 100%;max-width: 1170px;margin: 0 auto;}
.h50{height: 50px;clear: both;overflow: hidden;}
.h100{height: 100px;clear: both;overflow: hidden;}

/*page5 动画*/

.page5 .new_box{transition:1s; transform: translateY(-9999px);}

.page5.active .new_box{transform:translateY(0px);}

.page5 .swiper-container{transition:1.5s; transform: translateY(9999px);}

.page5.active .swiper-container{transform:translateY(0px);}

.page5 .swiper-button-prev{transition:2s; transform: translateX(-2000px);}

.page5.active .swiper-button-prev{transform:translateX(0px);}

.page5 .swiper-button-next{transition:2s; transform: translateX(2000px);}

.page5.active .swiper-button-next{transform:translateX(0px);}

.page5 .pro_more{transition:1.8s; transform: translateY(9999px);}

.page5.active .pro_more{transform:translateY(0px);}



/*成功案例*/

#certify{position: relative; margin-top:90px;}

#certify .swiper-container { padding-top:50px; height:420px; overflow:hidden;}

#certify  .swiper-slide {width: 520px; height: 420px; background:#fff;	box-shadow: 0 8px 30px rgba(0,0,0,.24);}

#certify  .swiper-slide img{width: 520px; height: 340px; overflow:hidden;}

#certify  .swiper-slide p {line-height:74px; padding-top: 0; text-align: center; color: #444; font-size:18px; white-space:nowrap; overflow:hidden; cursor:move}

#certify .swiper-button-prev {left:-30px; top:52%; width:45px; height:45px; background: url(../img/wm_button_icon.png) no-repeat; background-size: 100%; opacity:.4}

#certify .swiper-button-prev:hover { opacity:1}

#certify .swiper-button-next {right: -30px; top:52%; width: 45px; height: 45px;	background: url(../img/wm_button_icon.png) no-repeat; background-position: 0 -93px; background-size: 100%; opacity:.4}

#certify .swiper-button-next:hover { opacity:1}





/*page6 动画*/

.page6 .new_box{transition:1s; transform: translateY(-9999px);}

.page6.active .new_box{transform:translateY(0px);}

.page6 .i_contact_ul{transition:1.3s; transform: translateY(9999px);}

.page6.active .i_contact_ul{transform:translateY(0px);}

.page6 #in_copy{transition:1.5s; transform: translateY(9999px);}

.page6.active #in_copy{transform:translateY(0px);}



.i_contact_ul{overflow:hidden; clear:both; margin:120px 0 80px 0;}

.i_contact_ul ul{ width:1220px;}

.i_contact_ul ul li{ float:left; width:285px; height:145px; padding:6px 0; background:rgba(255,255,255,.1); text-align:center; margin:0px 10px 0 10px; line-height:18px; font-size:16px; color:#fff; cursor:pointer;}

.i_contact_ul ul li a{ cursor:pointer; transform:translate(0,0); transition:all .3s ease-in 0s; display:block;}

.i_contact_ul ul li:hover{background:#a7a25a;}

.i_contact_ul ul li:hover a{ margin-top:-4px; display:block;}

.i_contact_ul ul li img{ width:44px; height:43px; display:block; margin:0 auto; margin-top:30px; margin-bottom:25px;}

.i_contact_ul ul li a{ width:105%; padding-left:3%; padding-right:3%; height:105%; display:block; color:#fff;}





/*copy*/

#in_copy{ position:absolute; bottom:0; left:0; width:100%; background:rgba(255,255,255,.1); line-height:58px; color:#fff; clear:both; overflow:hidden; font-size:15px;}

#in_copy a{ color:#fff;}

#in_copy a:hover{ color:#a7a25a; text-decoration:underline;}





/*右侧悬浮客服*/

.toolbar-item,.toolbar-layer{background:url(../img/toolbar.png) no-repeat; -moz-box-shadow:0px 0px 8px rgba(0,0,0,.1); -webkit-box-shadow:0px 0px 8px rgba(0,0,0,.1); box-shadow:0px 0px 8px rgba(0,0,0,.1);}

.toolbar{position:fixed; right:3px; bottom:38%; z-index:1000;}

.toolbar a{ outline:none; cursor:pointer;}

.toolbar-item{display:block;width:52px;height:52px;margin-top:2px;position:relative; -moz-transition:background-position .4s;-ms-transition:background-position .4s;-o-moz-transition:background-position .4s;-webkit-moz-transition:background-position .4s;transition:background-position .4s;}

.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}

.toolbar-item-weixin{background-position:0 -372px;}

.toolbar-item-weixin:hover{background-position:0 -434px;}

.toolbar-item-kefu{background-position:0 -124px;}

.toolbar-item-kefu:hover{background-position:0 -186px;}

.toolbar-item-top{background-position:0 -248px;}

.toolbar-item-top:hover{background-position:0 -310px;}

.toolbar-item-phone{background-position:0 0px;}

.toolbar-item-phone:hover{background-position:0 -62px;}

.toolbar-layer{background:#FFF; padding:5px; width:140px; -moz-box-shadow:0px 0px 8px rgba(0,0,0,.1); -webkit-box-shadow:0px 0px 8px rgba(0,0,0,.1); box-shadow:0px 0px 8px rgba(0,0,0,.1); position:absolute; right:60px; bottom:0px;opacity:0;filter:alpha(opacity=0);transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%; -o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}

.toolbar-layer p{ width:140px; font-size:14px; text-align:center; line-height:30px; margin:0; padding:0; overflow:hidden; color:#000;}

.toolbar-layer img{ width:120px; height:120px; overflow:hidden; padding:10px; text-align:center;}

.toolbar-item:hover .toolbar-layer1{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}

.toolbar-layer1{background:#FFF; padding:20px 0; width:260px; text-align:center; overflow:hidden; -moz-box-shadow:0px 0px 8px rgba(0,0,0,.1); -webkit-box-shadow:0px 0px 8px rgba(0,0,0,.1); box-shadow:0px 0px 8px rgba(0,0,0,.1); position:absolute; right:60px; bottom:0px;opacity:0;filter:alpha(opacity=0);transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%; -o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}

.foot_tel_icon01{ clear:both; overflow:hidden; display:block; height:30px; font-size:16px; line-height:30px; color:#444;}

.foot_telphone01{ font-size:30px; font-family:Impact; color:#a7a25a; margin-top:4px;}







/*page*/

#page_box{ background:#fbfbfb; clear:both; overflow:hidden; padding-bottom:30px;}

#page_top{ width:100%; height:90px; border-bottom:#ddd solid 1px; clear:both; overflow:hidden; padding-top:10px;}

.zy_top{ height:90px; line-height:90px; overflow:hidden; clear:both;}

.zy_top_left{ overflow:hidden;}

.zy_top_left span.en{color:#a7a25a; text-transform:uppercase; font-size:44px; font-family:Arial; font-weight:bold; float:left; overflow:hidden; white-space:nowrap;}

.zy_top_left span.cn{color:#444; text-transform:uppercase; font-size:32px; font-weight:600; float:left; margin-top:-4px; overflow:hidden; white-space:nowrap;}

.zy_top_left em{ font-family:Georgia; font-size:38px;color:#ff9c01; font-weight:bold; margin:0 12px; float:left; margin-top:-3px;}

.weizhi{ height:36px; line-height:36px; overflow:hidden; color:#444; text-align:right; font-size:13px;}

.weizhi em{ font-style:normal; margin-right:6px; font-size:18px;}

.weizhi a{ color:#555;}

.weizhi a:hover{ color:#a7a25a; text-decoration:underline;}

.weizhi01{ overflow:hidden; color:#444; text-align:right; font-size:13px;}

.weizhi01 em{ font-style:normal; margin-right:6px; font-size:18px;}

.weizhi01 a{ color:#555;}

.weizhi01 a:hover{ color:#a7a25a; text-decoration:underline;}

.page_nav{ clear:both; overflow:hidden; text-align:right; line-height:0; margin-top:5px;}

.page_nav li{ display:inline-block; width:110px; height:32px; line-height:32px; text-align:center; background:#555; border:1px solid #444; margin-left:10px;}

.page_nav li a{ color:#FFF; font-size:14px; display:block;}

.page_nav li:hover{ background:#a7a25a; border:1px solid #a7a25a;}

.page_nav li.on{ background:#a7a25a; border:1px solid #a7a25a;}



.page_about_con{ font-size:16px; line-height:2.4; clear:both; overflow:hidden; padding:20px 0px 30px 0px;}

.page_about_con img{ max-width:1220px; height:auto; width:expression(this.width > 1220px ? "1220px" : this.width); overflow:hidden;}

.con_title{ font-size:36px; color:#333; font-weight:bold; line-height:56px;}

.con_auth{ clear:both; height:34px; line-height:34px; overflow:hidden; margin-bottom:10px; color:#999; border-bottom:#ededed solid 1px; padding:5px 0;}

.con_auth span{ margin-right:25px;}

/**/

#in_bg04{ width:100%; overflow:hidden; clear:both; padding:50px 0 120px 0; position:relative;}



/*新闻动态*/

.list_pic{ width:200px; height:130px; overflow:hidden;}

.list_pic img{width:200px; height:130px; overflow:hidden;transform:translate(0,0); transition:all .4s ease-in 0s;}

.news_list li:hover img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}

.list_con{ width:946px; height:130px; overflow:hidden;}

.new_list{ clear:both; overflow:hidden;}

.news_list li{ padding:20px 20px 20px 20px; height:130px; margin:8px; overflow:hidden;}

.news_list li:hover{ -moz-box-shadow:0px 0px 8px rgba(0,0,0,.13); -webkit-box-shadow:0px 0px 8px rgba(0,0,0,.13); box-shadow:0px 0px 8px rgba(0,0,0,.13);}

.list_con_xx{ clear:both; overflow:hidden; font-size:14px; height:56px; line-height:28px; color:#787878; margin-top:6px;}

.list_con_au{ height:38px; line-height:38px; overflow:hidden; font-size:13px; color:#999;}

.list_con_au span{ margin-right:25px;}

.list_con_au span i{ font-size:16px; display:inline-block; color:#999; margin:0 8px 0 2px; display:inline-block;}

.box_con_title{ height:32px; line-height:32px; overflow:hidden;}

.box_con_title a{font-size:17px; vertical-align: middle; color:#444;}

.box_con_title a:hover{color:#a7a25a;}

.news_list li:hover .list_con_au{ color:#a7a25a;}

.news_list li:hover .list_con_au span i{ color:#a7a25a;}



/*翻页*/

#page{margin:50px 5% 30px 5%; overflow:hidden; text-align:center; font-size:14px; clear:both;}

#page .scott{ display:inline-block; margin:0 auto;overflow:hidden;}

#page .scott span,#page .scott a:hover{ background:#a7a25a; border:1px solid #a7a25a; color:#fff; display:inline; float:left; margin:5px 3px; padding:0 14px; height:34px; line-height:34px; text-decoration:none;}

#page .scott a{padding:0 14px; height:34px; line-height:34px; background-color:#fff; border:1px solid #ccc; margin:5px 3px; display:inline; float:left; color:#222;}

/**/

.page_back{ border-top:1px dashed #ddd; padding:20px 0; margin-top:20px; position:relative; min-height:50px; _height:50px; font-size:16px; line-height:40px;}

.page_back a{ color:#444;}

.page_back a:hover{ text-decoration:underline; color:#a7a25a;}

.page_back .bapage_back_up{ position:absolute; right:10px; top:40px;}

.bapage_back_up em.iconfont{ font-size:18px; font-style:normal; margin-right:6px; display:inline-block;}



/*在线留言*/

.message_kk{ width:380px; height:48px; line-height:48px; background:rgba(102,102,102,.6); margin:10px 0px 20px 20px; color:#fff; font-size:14px; overflow:hidden;}

.message_name{ width:90px; float:left; display:inline; text-align:right; overflow:hidden; margin-right:3px;}

.message_input{ float:left; display:inline; width:235px;}

.message_input input{ width:235px; height:48px; border:0 none; color:#fff; background:none; }

.message_icon{ width:50px; height:48px; line-height:48px; overflow:hidden; float:right; display:inline; text-align:center;}

.message_icon em.name_icon{ font-size:30px; display:inline-block; margin-top:2px;}

.message_icon em.tel_icon{ font-size:24px; display:inline-block; margin-top:2px;}

.message_icon em.mail_icon{ font-size:26px; display:inline-block; margin-top:2px;}

.message_kk1{ width:1180px; height:220px; line-height:48px; background:rgba(102,102,102,.6); color:#fff; font-size:14px; clear:both; overflow:hidden; margin:0 20px;}

.message_textarea{ float:left; display:inline; width:1020px;}

.message_textarea textarea{ width:1020px; height:216px; background:none; line-height:1.6; padding:14px 0 8px 0; border:0 none; color:#fff; font-size:14px; font-family:"微软雅黑"; resize:none;}

.message_btn{ background:rgba(102,102,102,.6); color:#fff; width:150px; height:42px; font-size:15px; border:none; outline:none; cursor:pointer; margin:0 25px;}

.message_btn:hover{ background:#a7a25a; color:#FFF;}

.message_Tis{ color:#bdbdbd; height:52px; line-height:52px; font-size:14px;}





/*案例分类*/

.page_menu{ clear:both; overflow:hidden;}

.page_menu li{height:40px; width:140px; background:#FFF; overflow:hidden; float:left; display:inline-block; text-align:center; margin:6px 6px; }

.page_menu li a{ color:#666; display:block; font-size:14px; overflow:hidden; white-space:nowrap; border:#ddd solid 1px; height:38px; width:138px; line-height:38px; transform:translate(0,0); transition:all .3s ease-in 0s;}

.page_menu li a:hover{ background:#a7a25a; border:#a7a25a solid 1px; color:#FFF;}

.page_menu li.on a{ background:#a7a25a; border:#a7a25a solid 1px; color:#FFF;}

/*成功案例*/

.case_list{ clear:both; overflow:hidden;}

.case_list ul{ width:1250px;}

.case_list li{ width:370px; height:318px; float:left; display:inline-block; overflow:hidden; background:#FFF; position:relative; -moz-box-shadow:0px 0px 8px rgba(0,0,0,.08); -webkit-box-shadow:0px 0px 8px rgba(0,0,0,.08); box-shadow:0px 0px 8px rgba(0,0,0,.08); margin:26px 40px 20px 6px; transform:translate(0,0); transition:all .3s ease-in 0s;}

.case_pic{width:370px; height:252px; overflow:hidden;}

.case_pic img{width:370px; height:252px; overflow:hidden; transform:translate(0,0); transition:all .4s ease-in 0s;}

.case_pic a{ display:block;}

.case_list li .case_name{ position:absolute; left:0; bottom:0px; width:370px; height:50px; padding:2px 0 8px 0;}

.case_list li p{ text-align:center; font-size:14px; color:#787878; white-space:nowrap; overflow:hidden;}

.case_list li p em{ font-size:17px; font-style:normal; height:50px; line-height:50px; color:#444; }

.case_list li:hover{-moz-box-shadow:0px 0px 8px rgba(0,0,0,.24); -webkit-box-shadow:0px 0px 8px rgba(0,0,0,.24); box-shadow:0px 0px 8px rgba(0,0,0,.24);}

.case_list li:hover .case_pic img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}



/*网站地图*/

.sitemap{ clear:both; overflow:hidden; padding-bottom:20px;}

.sitemap dl{ padding:14px 10px; width:1200px; border-bottom:#ddd dashed 1px;}

.sitemap dl dt{ height:58px; line-height:58px; clear:both; overflow:hidden;}

.sitemap dl dt a{ font-size:22px; font-weight: bold; color:#333;}

.sitemap dl dt a:hover{ color:#a7a25a;}

.sitemap dl dd a{font-size:16px; color:#555; margin-right:30px; height:34px; line-height:34px; overflow:hidden;}

.sitemap dl dd a:hover{ text-decoration:underline; color:#a7a25a;}

/*新闻中心*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; } table{border-collapse:collapse; border-spacing:0; } fieldset,img{border:0; } ol,ul{list-style:none; } caption,th{text-align:left; } q:before,q:after{content:''; } abbr,acronym{border:0; } .clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; } .l,.col-l,.col_l,.col-c,.col_c{float:left; } .r,.col-r,.col_r,dt span,.ul-txt li span,.ul_txt li span{float:right; } .c{clear:both; } .n,em{font-weight:normal; font-style:normal; } .b{font-weight:bold; } .i{font-style:italic; } .fa{font-family:Arial; } .fg{font-family:Georgia; } .ft{font-family:Tahoma; } .fl{font-family:Lucida Console; } .fs{font-family:'宋体'; } .fw{font-family:'微软雅黑'; } .tc{text-align:center; } .tr{text-align:right; } .tl{text-align:left; } .tdu{text-decoration:underline; } .tdn,.tdn:hover,a.tdl:hover{text-decoration:none; } .fc0{color:#000000; } .fc3{color:#333333; }
.fc6{color:#666666; } .fc9{color:#999999; } .fcr{color:red; } .fcw{color:white; } .fcb{color:blue; } .fcg{color:green; } .f0{font-size:0; } .f10{font-size:10px; } .f12{font-size:12px; } .f13{font-size:13px; } .f14{font-size:14px; } .f16{font-size:16px; } .f20{font-size:20px; } .f24{font-size:24px; } .vm{vertical-align:middle; } .vtb{vertical-align:text-bottom; } .vt{vertical-align:top; } .vn{vertical-align:-2px; } .vimg{margin-bottom:-3px; } .m0{margin:0; } .ml0{margin-left:0; } .ml5{margin-left:5px; } .ml10{margin-left:10px; } .ml20{margin-left:20px; } .mr0{margin-right:0; } .mr5{margin-right:5px; } .mr10{margin-right:10px; } .mr20{margin-right:20px; } .mt5{margin-top:5px; } .mt10{margin-top:10px; } .mt20{margin-top:20px; } .mb5{margin-bottom:5px; } .mb10{margin-bottom:10px; } .mb20{margin-bottom:20px; } .ml-1{margin-left:-1px; } .mt-1{margin-top:-1px; } .p1{padding:1px; } .pl5{padding-left:5px; } .p5{padding:5px; } .pt5{padding-top:5px; } .pr5{padding-right:5px; } .pb5{padding-bottom:5px; }
.p10{padding:10px; } .pl10{padding-left:10px; } .pt10{padding-top:10px; } .pr10{padding-right:10px; } .pb10{padding-bottom:10px; } .p20{padding:20px; } .pl20{padding-left:20px; } .pt20{padding-top:20px; } .pr20{padding-right:20px; } .pb20{padding-bottom:20px; } .rel,.pr{position:relative; } .abs,.pa{position:absolute; } .dn{display:none; } .db{display:block; } .dib{-moz-inline-stack:inline-block; display:inline-block; } .di{display:inline; } .ovh{overflow:hidden; } .ovs{overflow:scroll; } .vh{visibility:hidden; } .vv{visibility:visible; } .lh14{line-height:14px; } .lh16{line-height:16px; } .lh18{line-height:18px; } .lh20{line-height:20px; } .lh22{line-height:22px; } .lh24{line-height:24px;} .fix{*zoom:1; } .fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; } .z{_zoom:1; } .h1{height:1px; } .h5{height:5px; } .h10,.h{height:10px; } .h15{height:15px; } .h20{height:20px; }
.h1,.h5,.h10,.h15,.h20,.h{font-size:0px; line-height:0; overflow:hidden; clear:both; } body{font:12px 宋体,Arial,sans-serif; } a{text-decoration:none; } a:hover{color:#FF6600 }
body{color: #444;font-size: 12px;font-family: 'Microsoft YaHei', arial;}
a{color: #444;}
a:hover{color: #134268;}
img,.ani{
	max-width: 100%;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
input,textarea,select{font-size: 12px;color: #444;font-family:"微软雅黑","Microsoft Yahei";}
input[type='submit'],input[type='reset'],input[type='button'],select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}



.wp{width: 100%;max-width: 1170px;margin: 0 auto;}
.h50{height: 50px;clear: both;overflow: hidden;}
.h100{height: 100px;clear: both;overflow: hidden;}




.g-tit01_x{
	position: relative;
	padding: 75px 0 18px;
	border-bottom: 1px solid #f2f2f2;
	text-align: center;
}
.g-tit01_x:after{
	content: "";
    position: absolute;
    bottom: -3px;
    left: 50%;
    margin-left: -25px;
    width: 41px;
    height: 5px;
    background-color: #007ccb;
    border-radius: 2px;
}
.g-tit01_x.bai:after{
	background-color: #fff;
}
.g-tit01_x .tit{
	font-size: 30px;
	color: #333;
}
.g-tit01_x.bai .tit{
	color: #fff;
}
.g-tit01_x span{
	font-size: 14px;
	color: #999;
	text-transform: uppercase;
}
.g-tit01_x.bai span{
	color: #fff;
}

.g-tit3{
	padding-bottom: 10px;
	font-size: 16px;
	color: #007ccb;
	border-bottom: 1px solid #e4e4e4;
	font-weight: 600;
}
.g-tit3 span{
	font-weight: 400;
	color: #999;
	text-transform: uppercase;
}
.g-pages{
	text-align: center;
	font-size: 0;
	margin: 20px 0;
}
.g-pages li{
	display: inline-block;
}

.g-pages li a{
	display: block;
	padding: 2px 10px;
	line-height: 24px;
	margin: 0 2px;
	border: 1px solid #dbdbdb;
	font-size: 13px;
}
.g-pages li.on a,
.g-pages li a:hover{
	background-color: #007ccb;
	border: 1px solid #007ccb;
	color: #fff
}

.g-cur{
    height: 40px;
    line-height: 40px;
    background: #f3f3f3;
}
.g-cur .wp{
    background: url('../image/home.png') left center no-repeat;
    padding-left: 20px;
    box-sizing: border-box;
}
.g-cur .wp a{
   color: #2f2f2f; 
}
.g-cur .wp a:hover{
    color: #007ccb;
}
.row-b1{
    overflow: hidden;
    padding: 20px 0;
}
.row-b1 .col-l{
	width: 290px;
    padding: 13px;
}
.row-b1 .col-r{
	float: none;
	overflow: hidden;
    margin-left: 310px;
}
.g-titIns1{
    height: 44px;
    line-height: 44px;
    font-size: 20px;
    color: #545454;
    border-bottom: 1px solid #ebebeb;
    font-weight: normal;
    position: relative;
}
.g-titIns1::after{
    content: '';
    width: 80px;
    height: 1px;
    background: #007ccb;
    position: absolute;
    left: 0;
    bottom: -1px;
}
.ul-newslist{
	overflow: hidden;
	padding: 12px;
	background-color: #fff;
	border-radius: 5px;
}
.ul-newslist li{
    border-bottom: 1px solid #e6e6e6;

}
.ul-newslist li a{
	display: block;
    font-size: 14px;
    height: 42px;
    line-height: 42px;
	padding-left: 15px;
	color: #666;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../image/news-r1.png);
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.ul-newslist li a:hover{
	color: #007ccb;
	background-color: #e6e6e6;
	font-weight: bold;
}
.m-info{
	padding: 12px;
	border-radius: 5px;
	background-color: #fff;
	line-height: 2;
	font-size: 14px;
	color: #666;
}

.ban{
    height: 359px;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
}

.banner .item .con{
	display: block;
	padding-top: 39%;
	background-repeat: no-repeat;
	background-position: center center;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;

}
.banner .slick-dots{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 57px;
    text-align: center;
    font-size: 0;
}
.banner .slick-dots li{
    display: inline-block;
    position: relative;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #fff;
    margin: 8px 5px;
    cursor: pointer;
	transition: .2s;
	-ms-transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
}
.banner .slick-dots li:after{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -10px 0 0 -10px;
	width: 20px;
	height: 20px;
	border: 1px solid #fff;
	opacity: 0;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.banner .slick-dots li.slick-active{
    margin: 8px 12px;
}
.banner .slick-dots li.slick-active:after{
	opacity: 1;
}
.banner .slick-dots li button{
    position: absolute;
    left: -9999px;
}

.row-a1{
	overflow: hidden;
	padding-bottom: 140px;
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-background-size: 100%;
	background-size: 100%;
}
.m-imgtxt01_x{
	position: relative;
	overflow: hidden;
	padding-top: 50px;
	margin-bottom: 70px;
}
.m-imgtxt01_x:after{
	content: '';
	position: absolute;
	top: 2px;
	left: 50%;
	margin-left: -5px;
	width: 1px;
	height: 80%;
	background-color: #f2f2f2;
}
.m-imgtxt01_x .pic{
	position: relative;
	float: left;
	width: 540px;
	height: 320px;
}
.m-imgtxt01_x .pic:after{
	content: '';
	position: absolute;
	bottom: -10px;
	right: -10px;
	width: 100%;
	height: 100%;
	background: url(../image/bg2_x.png) center center no-repeat;
}
.m-imgtxt01_x .pic img{
	display: block;
	width: 100%;
	height: 100%;
}
.m-imgtxt01_x .txt{
	overflow: hidden;
	padding-left: 110px;
}
.m-imgtxt01_x .txt .desc{
	overflow: hidden;
	height: 252px;
	color: #333;
	font-size: 14px;
	line-height: 36px;
	text-indent: 2em;
}
.m-imgtxt01_x .txt .more{
	display: block;
	overflow: hidden;
}
.m-imgtxt01_x .txt .more span{
	float: right;
	line-height: 36px;
	height: 36px;
	color: #007ccb;
	font-size: 14px;
	text-transform: uppercase;
	background: url(../image/bg3_x.png) right 18px no-repeat;
}
.ul-txt01_x{
	padding: 60px 0;
	background-color: #fff;
	-webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    *zoom:1;
}
.ul-txt01_x:after,.ul-txt01_x:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
.ul-txt01_x li{
	position: relative;
	float: left;
	width: 25%;
}
.ul-txt01_x li:after{
	content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 6px;
    height: 100%;
    background: url(../image/icon3_x.png) center center no-repeat;
}
.ul-txt01_x li:last-child:after{
	display: none;
}
.ul-txt01_x li .num{
	padding-left: 23px;
	height: 64px;
	line-height: 64px;
	text-align: center;
}
.ul-txt01_x li .num .s1{
	display: inline-block;
	vertical-align: middle;
	font-size: 60px;
    color: rgba(0,0,0,.8);
}
.ul-txt01_x li .num .s2{
	display: inline-block;
    width: 20px;
    line-height: 20px;
    height: 20px;
    font-size: 14px;
    color: #fff;
    background-color: #007ccb;
    border-radius: 50%;
    vertical-align: middle;
}
.ul-txt01_x li p{
	height: 36px;
    line-height: 36px;
    font-size: 16px;
    color: #000;
    text-align: center;
}

.row-a2{
	overflow: hidden;
	padding-bottom: 50px;
	background-color: #f5f5f5;
	background-repeat: no-repeat;
	background-position: center center;
}
.row-a2 .g-tit01_x{
	margin-bottom: 40px;
}
.row-a2 .col-l{
	width: 270px;
}
.row-a2 .col-r{
	float: none;
	margin-left: 300px;
}
.g-tit02_x{
	padding: 20px 10px 15px 40px;
	background-color: #007ccb;
	color: #fff;
}
.g-tit02_x .tit{
	height: 28px;
	line-height: 28px;
	font-size: 20px;
}
.g-tit02_x span{
	display: block;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	text-transform: uppercase;
	opacity: .3;
}
.ul-link01_x{
	display: none;
	overflow: hidden;
	margin-bottom: 15px;
	border-left: 1px solid #eee;
	background-color: #fff;
}
.ul-link01_x li{
	float: left;
	width: 33.33%;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.ul-link01_x li a{
	display: block;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 14px;
	color: #454545;
}
.ul-link01_x li.on a{
	font-weight: bold;
	color: #009a44;
	background-color: #fff;
}
.snv-index{
	background-color: #fff;
}
.snv-index ul{
	border-top: 1px solid #eee;
}
.snv-index li{
}
.snv-index li > a{
	display: block;
	padding: 0 20px;
	height: 54px;
	line-height: 54px;
	font-size: 16px;
	color: #333;
	border: 1px solid #eee;
	border-top: 0;
}
.snv-index li.on > a,
.snv-index li > a:hover{
	color: #fff;
	background-color: #007ccb;
}
.snv-index li > a span{
	padding-left: 0;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
	background-repeat: no-repeat;
	background-position: 0 center;
}
.snv-index li.on > a span,
.snv-index li > a:hover span{
	display: block;
	padding-left: 40px;
	background-image: url(../image/jian.png);
	background-position: 5% center;
}
.snv-index-sub1{
	display: none;
	padding-left: 30px;
}
.snv-index li.on .snv-index-sub1 {
	display: block;
}
.snv-index-sub1 dd > a{
	display: block;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #333;
}
.snv-index dd.ok > a{
	color: #007ccb;
}
.snv-index-sub1 dd .v2{
	background: url(../image/right.png) 90% center no-repeat;
}
.snv-index dd.ok .snv-index-sub2 {
	display: block;
}
.snv-index-sub2{
	display: none;
	padding-left: 20px;
}
.snv-index-sub2 dd .v3{
	display: block;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #333;
}
.ul-imgtxt01_x{
	overflow: hidden;
	margin: 0 -15px;
}
.ul-imgtxt01_x li{
	float: left;
	width: 33.33%;
	margin-bottom: 30px;
}
.ul-imgtxt01_x li .con{
	overflow: hidden;
	position: relative;
	display: block;
	margin: 0 15px;
	padding: 0 20px;
	background-color: #fff;
	border: 1px solid #eee;
}
.ul-imgtxt01_x li .con .pic{
	overflow: hidden;
	position: relative;
	padding-top: 100%;
	height: 0;
}
.ul-imgtxt01_x li .con .pic img{
	display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}
.ul-imgtxt01_x li .con .tit{
	overflow: hidden;
	height: 55px;
	line-height: 55px;
	font-size: 16px;
	color: #444;
	text-align: center;
	border-top: 1px solid #eee;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ul-imgtxt01_x li .con .tit p{
	position: relative;
	bottom: 0;
	transition: .2s;
	-ms-transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	z-index: 1;
}
.ul-imgtxt01_x li .con:hover .tit p{
	bottom: 18px;
	color: #fff;
}
.ul-imgtxt01_x li .con .link{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 124,203,.8);
	opacity: 0;
	transition: .2s;
	-ms-transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
}
.ul-imgtxt01_x li .con:hover .link{
	opacity: 1;
}
.ul-imgtxt01_x li .con .link img{
	position: absolute;
	top: 50%;
	left: -50%;
	-webkit-transform: translate(-50%, -75%);
	-ms-transform: translate(-50%, -75%);
	-o-transform: translate(-50%, -75%);
	transform: translate(-50%, -75%);
	display: inline-block;
	max-width: 100%;
	max-height: 100%;
	transition: .2s;
	-ms-transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
}
.ul-imgtxt01_x li .con:hover .link img{
	left: 50%;
}

.row-a3{
	padding-bottom: 80px;
	background-repeat: no-repeat;
	background-position: center center;
}
.slick-x1{
	margin: 40px 0;
}
.slick-x1 .item{
	overflow: hidden;
}
.slick-x1 .item .pic{
	overflow: hidden;
	position: relative;
	float: left;
	width: 650px;
	height: 362px;
}
.slick-x1 .item .pic img{
	display: block;
	width: 100%;
	height: 100%;
}
.slick-x1 .item .pic .page{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 120px;
	height: 58px;
	line-height: 58px;
	font-size: 18px;
	text-align: center;
	color: rgba(0,104,203,.5);
	background-color: #fff;
	font-family: Arial;
}
.slick-x1 .item .pic .page i{
	color: #007ccb;
}
.slick-x1 .item .txt{
	overflow: hidden;
	padding: 60px 0 0 70px;
}
.slick-x1 .item .txt .top{
	overflow: hidden;
	margin-bottom: 27px;
}
.slick-x1 .item .txt .top .num{
	overflow: hidden;
	float: left;
	margin-right: 35px;
	width: 110px;
	height: 78px;
}
.slick-x1 .item .txt .top .num img{
	display: block;
	width: 100%;
	height: 100%;
}
.slick-x1 .item .txt .top .tit{
	position: relative;
	overflow: hidden;
	padding: 3px 0;
	height: 72px;
	font-size: 26px;
	line-height: 36px;
	color: #fff;
}
.slick-x1 .item .txt .top .tit:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 2px;
	width: 23px;
	height: 1px;
	background-color: #fff;
	opacity: .2;
}
.slick-x1 .item .txt .desc{
    overflow: hidden;
    margin-bottom: 39px;
    height: 72px;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
    opacity: .6;
}
.slick-x1 .item .txt .more{
	display: block;
	padding: 0 25px;
	width: 150px;
	height: 42px;
	line-height: 40px;
	font-size: 14px;
	color: #fff;
	border: 1px solid #3799d8;
	border-radius: 20px;
	transition: .2s;
	-ms-transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
}
.slick-x1 .item:hover .txt .more{
	border: 1px solid #fff;
}
.slick-x1 .item .txt .more span{
	display: block;
	background: url(../image/jian.png) right center no-repeat;
}
.slick-x2{
	padding: 0 22px;
}
.slick-x2 .item{
	padding: 0 8px;
}
.slick-x2 .item .pic{
	overflow: hidden;
	position: relative;
	padding-top: 57%;
	height: 0;
}
.slick-x2 .item .pic img{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}
.slick-x2 .item.slick-current .pic img{
	opacity: .4;
}
.slick-x2 .slick-arrow{
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 80px;
    height:30px;
    border: none;
    cursor: pointer;
    z-index: 5;
    font-size: 0;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 1;
    -ms-transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
.slick-x2 .slick-arrow:hover{
	opacity: .8;
}
.slick-x2 .slick-prev{
	left: 0;
    background-image: url(../image/icon14_x.png);
}
.slick-x2 .slick-next{
	right: 0;
	background-image: url(../image/icon15_x.png);
}

.row-a4{
	padding-bottom: 80px;
	overflow: hidden;
}
.row-a4 .g-tit01_x{
	margin-bottom: 40px;
}
.row-a4 .col-l{
	width: 65.82%;
}
.row-a4 .col-r{
	width: 31.63%;
}
.ul-news01_x{
	overflow: hidden;
	margin: 0 -15px;
}
.ul-news01_x li{
	float: left;
	width: 50%;
}
.ul-news01_x li .con{
	display: block;
	margin: 0 15px;
}
.ul-news01_x li .pic{
	overflow: hidden;
	position: relative;
	padding-top: 75%;
	height: 0;
}
.ul-news01_x li .pic img{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
}
.ul-news01_x li:hover .pic img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.ul-news01_x li .pic .time{
	position: absolute;
	top: 0;
	left: 20px;
	width: 65px;
	height: 65px;
	color: #fff;
	text-align: center;
	background-color: #007ccb;
}
.ul-news01_x li .pic .time strong{
	display: block;
	font-size: 32px;
}
.ul-news01_x li .pic .time span{
	display: block;
	font-size: 12px;
	font-family: Arial;
}
.ul-news01_x li .txt{
	padding: 15px 20px;
	border: 1px solid #eee;
}
.ul-news01_x li .txt .tit{
	overflow: hidden;
	margin-bottom: 5px;
	height: 38px;
	line-height: 38px;
	font-size: 16px;
	color: #333;
	padding-bottom: 11px;
	background: url(../image/bg7_x.png) left bottom no-repeat;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: .2s;
	-ms-transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
}
.ul-news01_x li:hover .txt .tit{
	color: #007ccb;
}
.ul-news01_x li .txt .more{
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #999;
}
.ul-news02_x{

}
.ul-news02_x li{
	overflow: hidden;
	margin-bottom: 25px;
}
.ul-news02_x li .pic{
	float: left;
	overflow: hidden;
	width: 115px;
	height: 86px;
}
.ul-news02_x li .pic img{
	display: block;
	width: 100%;
	height: 100%;
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
}
.ul-news02_x li:hover .pic img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.ul-news02_x li .txt{
	overflow: hidden;
	padding-left: 20px;
}
.ul-news02_x li .txt .tit{
	overflow: hidden;
	margin-bottom: 7px;
	height: 38px;
	line-height: 38px;
	font-size: 16px;
	color: #333;
	padding-bottom: 6px;
	background: url(../image/bg7_x.png) left bottom no-repeat;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: .2s;
	-ms-transition: .2s;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
}
.ul-news02_x li:hover .txt .tit{
	color: #007ccb;
}
.ul-news02_x li .txt .more{
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #999;
}
.m-more01_x{
    display: block;
    height: 43px;
    line-height: 43px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    background-color: #007ccb;
}
.m-more01_x:hover{
	color: #fff;
	background-color: #0f69a2;
}

.row-link{
	overflow: hidden;
	background-color: #007ccb;
}
.m-link1{
	padding: 20px 0;
}
.m-link1 .item{
	overflow: hidden;
	color: #fff;
}
.m-link1 .item span{
	float: left;
	font-size: 16px;
	margin-right: 18px;
	font-weight: 600;
}
.ul-link1{overflow: hidden;}
.ul-link1 li{
	float: left;
}
.ul-link1 li a{
	display: block;
	margin-right: 20px;
	font-size: 14px;
	color: #fff;
	height: 21px;
	line-height: 21px;
}
.ul-link1 li a:hover{
	text-decoration: underline;
}

.m-chanpin{
	overflow: hidden;
}
.m-chanpin .desc{
	padding: 10px;
	margin-top: 20px;
	line-height: 26px;
	text-indent: 2em;
	font-size: 14px;
	border: 1px dotted #e5e5e5;
	color: #868686;
	background-color: #f5f5f5;
}
.ul-imgtxt1 {
	overflow: hidden;
    margin: 0 -10px 20px;
    *zoom:1;
}
.ul-imgtxt1 li {
    width: 25%;
    float: left;
    margin-top: 20px;
}

.ul-imgtxt1 li a {
    margin: 0 10px;
    display: block;
    text-align: center;
}
.ul-imgtxt1 li a .pic {
    padding-top: 77%;
    height: 0;
    position: relative;
    overflow: hidden;
}
.ul-imgtxt1 li a .pic img {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
}
.ul-imgtxt1 li a:hover .pic img {
    transform: scale(1.08);
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
}
.ul-imgtxt1 li a p {
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 15px;
    color: #666;
    font-weight: 400;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.ul-imgtxt1 li a:hover {
    text-decoration: none;
}
.ul-imgtxt1 li a:hover p {
	background-color: #007ccb;
    color: #fff;
}

.m-list1{
	overflow: hidden;
	padding: 14px 0 25px;
	border-bottom: 1px dotted #a9a9a9;
}
.m-pic1{
	float: left;
	width: 380px;
}
.m-txt1{
	overflow: hidden;
	padding-left: 38px;
}
.m-txt1 .tit{
	font-size: 16px;
	padding-bottom: 9px;
	margin-bottom: 9px;
	border-bottom: 1px dotted #a9a9a9;
	font-weight: 600;
}
.m-txt1 .txt{
	margin-right: 100px;
}
.m-txt1 .txt p{
	line-height: 28px;
	margin-bottom: 10px;
	font-size: 14px;
	color: #2f2f2f;
}

.m-txt1 .btn{
	display: block;
	width: 98px;
	height: 32px;
	line-height: 32px;
	padding-left: 15px;
	background-color: #007ccb;
	color: #fff;
}
.m-txt1 .btn:hover{
	background-color: #444;
}
.m-txt1 .btn span{
	display: block;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../image/btn-r.png);
}

.m-txt2{
	margin-top: 12px;
	font-size: 14px;
	line-height: 26px;
}
.ul-arrow{
	overflow: hidden;
	margin: 15px 0;
}
.ul-arrow li{
	float: left;
	font-size: 14px;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.ul-arrow li:last-child{
	float: right;
}

.ul-arrow li a{
	color: #337ab7;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.ul-arrow li a:hover{
	color: #007ccb;
}
.m-list3{
	padding: 5px 0;
}
.ul-city{
	overflow: hidden;
	padding-top: 20px;
}
.ul-city li{
	float: left;
	margin-bottom: 20px;
}
.ul-city li a{
	display: block;
	margin-right: 17px;
	font-size: 14px;
}
.ul-city li a:hover{
	color: #007ccb;
}



div.zoomDiv{z-index:999;position:absolute;top:0;left:0;background:#ffffff;border:1px solid #ddd;display:none;text-align:center;overflow:hidden;font-size: 0;}
div.zoomMask{position:absolute;background:url(../image/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}


.eyou-showcase {margin-bottom: 30px;}
.eyou-showcase-pic {position: relative;width: 100%;overflow: hidden;float: left;}
.eyou-showcase-pic .bd {font-size: 0;margin-top: 13px;overflow: hidden;}
.eyou-showcase-pic .bd li {height: 75px;line-height: 75px;cursor: pointer;display: inline-block;width: 99px;border: 1px solid #ddd;padding: 1px;margin: 0 5px;}
.eyou-showcase-pic .bd li.active {border-color: #c80003;}
.eyou-showcase-pic .prev,.eyou-showcase-pic .next {position: absolute;background: no-repeat 0 0;width: 14px;height: 27px;bottom: 26px;z-index: 2;}
.eyou-showcase-pic .prev {background-image: url(https://demoall.yiyocms.com/8339/template/pc/skin/img/zlztdetailscon1btn01.png);left: 0;}
.eyou-showcase-pic .next {background-image: url(https://demoall.yiyocms.com/8339/template/pc/skin/img/zlztdetailscon1btn02.png);right: 0;}
.eyou-showcase-pic .prev:hover,.eyou-showcase-pic .next:hover {background-position: 0 bottom;}
.eyou-showcase-pic .cover {height: 300px;line-height: 300px;border: 1px solid #ddd;padding: 1px;}
.eyou-showcase-pic .cover a{
	display: block;
	width: 100%;
	height: 100%;
}
.eyou-showcase-info {float: right;width: 500px;}
.eyou-showcase-info h1 {margin: 0 0 15px;font-size: 20px;overflow: hidden;font-weight: normal;border-bottom: 1px solid #ddd;padding-bottom: 15px;}
.eyou-showcase-info p {margin: 0;color: #666;line-height: 2;}
.eyou-showcase-info .tel {border-top: 2px solid #e6e6e6;margin-top: 15px;padding-top: 15px;background: url(https://demoall.yiyocms.com/8339/template/pc/skin/img/viskins-p1.png) no-repeat 0 15px;height: 42px;padding-left: 50px;line-height: 21px;}
.eyou-showcase-info .tel a {float: right;line-height: 42px;padding: 0 15px;background-color: #c80003;color: #fff;}
.eyou-showcase-info .tel span {display: block;color: #c80003;font-size: 18px;}
div.zoomDiv{z-index:999;position:absolute;top:0;left:0;background:#ffffff;border:1px solid #ddd;display:none;text-align:center;overflow:hidden;font-size: 0;}
div.zoomDiv img{
	max-width: none;
}
div.zoomMask{position:absolute;background:url(../image/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}

.img-center {text-align: center;font-size: 0;}
.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;}


.m_pic_showpic {
    display: none;
}
.m_showpic img {
    display: block;
    max-width: 100%;
}

.pc-slide {
    width: 100%;
    margin: 0 auto;
}
.m-pic1 .view .swiper-slide{
	padding: 0 2px;
}
.view .swiper-slide .imgauto {
    width: 100%;
    height: 350px;
    line-height: 350px;
}
.view .swiper-container {
    width: 100%;
}

.preview {
    width: 100%;
    margin-top: 10px;
    position: relative;
}

.preview .swiper-container {
    margin: 0 10%;
}

.preview .swiper-slide {
	
	width: 101px;
    padding: 5px;
}
.preview .swiper-slide .imgauto {
	width: 100%;
	height: 80px;
	line-height: 78px;
	border: 1px solid #ddd;
	text-align: center;
	font-size: 0;
	cursor: pointer;
}
.preview .swiper-slide .imgauto img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
	padding: 5px;
}

.preview .slide6 {
    width: 82px;
}

.preview .arrow-left {
    background: url(../image/feel3.png) no-repeat left top;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -9px;
    width: 9px;
    height: 18px;
    z-index: 10;
}

.preview .arrow-right {
    background: url(../image/feel4.png) no-repeat left bottom;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -9px;
    width: 9px;
    height: 18px;
    z-index: 10;
}

.preview img {
    padding: 1px;
}

.preview .active-nav .imgauto {
    border: 1px solid #007ccb;
}

.m-about{
	padding: 15px 0;
	line-height: 28px;
    color: #2f2f2f;
    font-size: 14px;
}

.ul-news{
	overflow: hidden;
	padding-bottom: 20px;
}
.ul-news.news{
	padding-bottom: 0;
	margin: 0 -10px 15px;
}
.ul-news li{
	font-size: 14px;
	padding: 20px 0;
	border-bottom: #dddddd 1px dotted;
}
.ul-news li .top{
    overflow: hidden;
    margin-bottom: 20px;
    height: 30px;
    line-height: 30px;
}
.ul-news li .top .time{
    float: right;
    font-size: 14px;
    margin-left: 10px;
}
.ul-news1 li .top .time{
	font-size: 12px;
}
.ul-news li .top .tit{
    display: block;
    font-size: 16px;
    background: url('../image/news-r.png') left center no-repeat;
    padding-left: 14px;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.ul-news li .tit:hover{
     color: #007ccb;
}
.ul-news li .txt p{
    font-size: 14px;
    line-height: 24px;
    display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 2;
       overflow: hidden;
}

.m-news1{
	padding-top: 20px;
}
.m-news1 h1{
    line-height: 34px;
    color: #434343;
    margin-bottom: 15px;
    text-align: center;
    font-size: 24px;
}
.m-news1 .desc{
	text-align: center;
}
.m-news1 .desc span{
	display: inline-block;
	font-size: 14px;
	margin: 0 10px;
}
.m-news1 .txt{
	padding: 15px 0;
	line-height: 28px;
    color: #2f2f2f;
    font-size: 14px;
}
.m-txt3{
    margin-top: 10px;
}
.m-link2{
    padding-left: 20px;
    margin-bottom: 15px;
    height: 36px;
    line-height: 36px;
    color: #868686;
    font-size: 14px;
    background-color: #f5f5f5;
    border: 1px dotted #e5e5e5;
}
.m-link2 a{
    color: #868686;
}
.m-link2 a:hover{
    color: #007ccb;
}
.m-tabel{
    overflow: hidden;
    color: #5a5a5a;
    border-top: 1px dashed #999;
    border-bottom: 1px dashed #999;
    font-size: 14px;
    
}
.m-tabel span{
    float: left;
    height: 42px;
    line-height: 42px;
    margin-right: 10px;
}
.m-tabel ul{
    overflow: hidden;
}
.m-tabel li{
    float: left;
}
.m-tabel li a{
    display: block;
    margin-right: 10px;
    height: 42px;
    line-height: 42px;
}
.m-tabel li a:hover{
    color: #007ccb;
}
.ul-news.news li{
	float: left;
	width: 50%;
}
.ul-news.news li .top{
	margin: 0 10px;
}

#message {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1000;
	transform: scale(0);
	transition: .3s;
}
.messagebg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	z-index: 1001;
}
#message .m-content {
	margin-top: 10%;
}
#message .m-content .m-message {
	background: #fff;
	width: 580px;
	background: #fff;
	padding: 50px;
	margin: 0 auto;
	position: relative;
	z-index: 1002;
	box-shadow: 1px 1px 50px rgba(0,0,0,.3);
}
.m-message {
	width: 494px;
	margin: 48px auto 0;
}
.m-message label {
	margin-bottom: 15px;
	display: block;
	font-size: 14px;
}
.m-message label em {
	display: block;
	float: right;
	color: red;
	height: 32px;
	line-height: 32px;
}
.m-message label span {
	width: 70px;
	height: 34px;
	line-height: 34px;
	color: #2F2F2F;
	float: left;
	font-weight: bold;
	text-align: right;
	margin-right: 30px;
	display: inline-block;
}
.m-message label input.inp,.m-message label textarea,.m-message label.code input {
	width: 77%;
	overflow: hidden;
	height: 32px;
	line-height: 32px;
	border: #cccccc 1px solid;
	border-radius: 3px;
	padding:0 14px;
	box-sizing: border-box;
	color: #555;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.m-message label input:focus,.m-message label textarea:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);
}
.m-message label textarea {
	height: 72px;
	line-height: 24px;
	padding:10px 14px;
}
.m-message label.code {
	line-height: 34px;
}
.m-message label.code input {
	width: 30%;
	float: left;
	margin-right: 30px;
}
.m-message label.code .pic {
	display: inline-block;
	vertical-align: top;
	width: 80px;
	height: 32px;
}
.m-message label.code img {
	width: 100%;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}
.btn-1 input{
    width: 52px;
    height: 32px;
    line-height: 32px;
    background: #e8e8e8;
    border: none;
    color: #333;
    margin-right: 22px;
    cursor: pointer;
    transition: 0.3s;
}
.btn-1{
    padding-left: 100px;
}
.btn-1 input.focus{
    background: #007ccb;
    color: #fff;
}
.btn-1 input.focus:hover{
    background: #444;
}
.btn-1 input:hover{
    background: #ccc;
}

.m-list2{
	margin-top: 30px;
	padding:26px 10px 10px;
	border: 1px solid #ddd;
	background-color: #f0f0f0;
}
.m-list2 .con{
	margin-bottom: 10px;
	padding: 15px;
	background-color: #fff;
	border: 1px solid #ddd;
}
.m-list2 .box{
	padding: 26px 20px;
	background-color: #fff;
	border: 1px solid #ddd;
}
.m-list2 .con .pic{
	height: 450px;
	line-height: 450px;
	overflow: hidden;
	text-align: center;
}
.m-list2 .con .pic img{
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}
.m-list2 .box .tit{
	margin-bottom: 30px;
	font-size: 22px;
	color: #007ccb;
	font-weight: 600;
}
.ul-txt-01{
	overflow: hidden;
	padding-left: 23px;
	background: url(../image/source.gif) left center no-repeat;
}
.ul-txt-01 li{
	float: left;
	margin-right: 4px;
	font-size: 14px;
	color: #505050;
	font-family: 'microsoft yahei',Verdana, Arial;
}
.ul-txt-01 li a{
	font-size: 12px;
}
.ul-txt-01 li a:hover{
	color: #007ccb;
}