/* CSS Document */
/*以下为网站变黑白代码*/
/*html {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(desaturate.svg#grayscale);
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(1);
}*/



*{ margin::0; padding:0;}
body { padding-right:0px; padding-left:0px;font-size:12px; color:#626262; padding-bottom: 0px;padding-top:0px; margin:0px; font-family: "Microsoft YaHei"; background-color:#fafafa; }
a {
	border-top-width:0px;border-left-width:0px;border-bottom-width:0px;border-right-width:0px;text-decoration: none; color:#9e9e9e;
}
a:hover {
	text-decoration:none; color:#666;
}
img{border-bottom-width:0px; border-left-width:0px; border-right-width:0px; border-top-width:0px;
}
p {
	padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;
}
ul { 
    list-style-type: none; margin-left:0px; margin-top:0px; margin-bottom:0px;
}
li {
	list-style-type: none;
}
.font12{ font-size:12px;}
.font14{ font-size:14px;}
.font16{ font-size:16px;}
.font18{ font-size:18px;}
.font20{ font-size:20px;}
.font24{ font-size:24px;}
.font30{ font-size:30px;}
.font36{ font-size:36px;}
.font48{ font-size:48px;}
.f_l{ float:left;}
.f_r{ float:right;}
/*.color1{ color:#f86d0d; font-size: 18px;}*/
.color1{
  background: rgb(250, 241, 234);
    color: #fc7112;
    font-size: 16px;
    font-weight: normal;
    line-height: 35px;
    border-radius: 3px;
}
.color2{ color:#;}

.radius{border-radius: 5px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ 
-moz-border-radius: 5px; /* Mozilla浏览器的私有属性 */ 
-webkit-border-radius: 5px; /* Webkit浏览器的私有属性 */ 
border-radius: 5px 5px 5px 5px; /* 四个半径值分别是左上角、右上角、右下角和左下角 */ }
.text_overflow{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.top{ width:100%; height:auto; border-top:2px solid #f86d0d; overflow:hidden; background:#fff; position:fixed; z-index:999999999999999; top:0px;border-bottom:1px solid #ebebeb;-moz-box-shadow: 0px 3px 5px rgba(226, 226, 226, 0.6); /* 老的 Firefox */
box-shadow: 0px 3px 5px rgba(226, 226, 226, 0.6);}
.top_top{ width:1300px; margin-left: auto; margin-right: auto;}
.logo{ float:left; margin-left:20px; width:410px; height:56px; margin-top:16px;}
.logo img{ width:370px;}

.top_title{ color:#8d8d8d; float:right; margin-right:20px;text-align:right; height:25px; line-height:25px; vertical-align:middle; margin-bottom:10px; margin-top:5px;}
.nav_column{ float:right; width:815px; height:50px; overflow:hidden;}
.nav_column li{ float:left; width:90px; text-align:center; height:50px; line-height:50px; vertical-align:middle;}
.nav_column li:hover{ background:#f86d0d;}
.nav_column li:hover>a{ color:#fff;}
.nav_column li a{ display:block; color:#5b5b5b; font-size:13px;}
#active{background:#f86d0d;}
#active>a{color:#fff;}
.top_right{ width:820px; height:auto; overflow:hidden;}
.m1{ margin-top:3px;}

.nav{ width:100%; height:40px; background:#00a5a5;  float:left;	}
.mid2{ margin:0 auto; padding:0px;width:1200px; height:auto;  overflow:hidden;}
.mid{ margin:0 auto; padding:30px;width:90%; height:auto;  overflow:hidden;}
.banner{ margin-top:93px; width:100%; height:400px; margin-bottom:0px; overflow:hidden;  }
.foot{ float:left; width:100%; height:auto; line-height:25px; vertical-align:middle; padding-top:30px; padding-bottom:40px; color:#b7b7b7; background:#1f2228;}



/* main_image */
.main_visual{height:400px;overflow:hidden;position:relative;}
.main_image{height:400px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:400px;overflow:hidden;position:absolute;top:0;left:0;margin-top:0px; margin-left:0px;}
.main_image li{float:left;width:100%;height:400px;}
.main_image li span{display:block;width:100%;height:400px}
.main_image li a{display:block;width:100%;height:400px}

div.flicking_con{position:absolute;top:370px;left:50%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('../images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:100px;}

.part1{ width:100%; height:auto; background:#f1f2f4; padding-top:25px; padding-bottom:25px; overflow:hidden; border-bottom:1px solid #CCC;}
.part1_list{ float:left; width:215px; height:auto; overflow:hidden; text-align:center; line-height:20px; color:#333; margin-right:113px; }

.part2{ background:#f8f8f8; width:100%; height:auto; padding-top:40px; padding-bottom:40px; overflow:hidden;}
.part2_top{ width:100%; height:auto; overflow:hidden; float:left; text-align:center; line-height:25px; margin-bottom:10px; font-size:14px; color:#333;}
.part2_top h1{ font-size:30px;}
.part2_list{ width:235px; height:auto; float:left; margin-right:84px; border:1px solid #ccc; margin-top:50px;-moz-transition:border 1s,margin-top 1s;
/* Safari and Chrome */
-webkit-transition:border 1s,margin-top 1s;
/* Opera */
-o-transition:border 1s,margin-top 1s;
}
.part2_list:hover{border:1px solid #ccc;margin-top:0px;}
.part2_list_img{ float:left; width:100%; text-align:center; font-size:16px; line-height:25px; height:170px; padding-top:50px;color:#f86d0d;
}
.part2_list:hover>.part2_list_img{ color:#f86d0d; font-weight:bold; }

.part2_list_txt{ float:left; display:block; background:#b9b9b9; color:#fff;text-align:center; font-size:14px; line-height:20px; width:205px; height:auto; padding:15px;

-moz-transition:background 1s;
/* Safari and Chrome */
-webkit-transition:background 1s;
/* Opera */
-o-transition:background 1s;}

.part2_list:hover>.part2_list_txt{background:#f86d0d; 
}
.part3{width:100%; height:auto; overflow:hidden; padding-top:40px; padding-bottom:40px;}
.part3_con{ width:100%; margin-left:auto; margin-right:auto; height:auto; overflow:hidden; padding-top:40px; display:table; }
.part3_con2{ display:table-cell; height:auto; text-align:center;_left:50%;_position:absolute; }
.part3_con3{ display:inline-block; _position:relative; _left:-50%;}
.mapbox{ 
    float: right;
    width: 60%;
    height: 440px;
    border: #ccc solid 1px;
}

.part3_con_list{ float: left;
margin: 1% 1% 1% 1%;
position: relative;
overflow: hidden;
box-shadow: 0px 0px 10px rgba(187, 255, 181, 0.26);
-webkit-transition: 0.5s Ease;
-moz-transition: 0.5s Ease;
-o-transition: 0.5s Ease;
transition: 0.5s Ease;
width: 23%;
height:200px; 
background:url(../images/imagesbg.jpg) center center no-repeat;

}
.part3_con_img_box{ width:100%; height:200px; overflow:hidden;padding:1px 2px 2px 2px; border:2px solid #efefef; box-sizing:border-box; display: table-cell; vertical-align:middle;text-align:center; *display: block;}
.part3_con_img{  vertical-align:middle;
width: 100%; }
.part3_con_txt{display: block; width:100%; background-color: rgba(248, 109, 13, 0.6);
color: #FFFFFF;  line-height:30px; vertical-align:middle;
position: absolute;
bottom: 0px;
top: 600px;
text-align: center;
font-size: 16px;
padding: 18% 0;
overflow: hidden;
-webkit-transition: 0.5s Ease;
-moz-transition: 0.5s Ease;
-o-transition: 0.5s Ease;
transition: 0.5s Ease;}
.part3_con_list:hover>.part3_con_txt{ top:0px;}
.part3_con_txt a{ display:block; color:#fff; width:100%;}

.part3_con_more{ width:285px; height:55px; text-align:center; border:1px solid #ccc;border-radius:5px;
-moz-border-radius:5px; /* Old Firefox */ background:#f9f9f9; margin:0 auto; margin-top:30px; margin-bottom:30px; line-height:55px; vertical-align:middle;}
.part3_con_more a{ font-size:16px;}
.part3_con_more:hover{ background:#ff700d;}
.part3_con_more:hover a{ color:#fff;}

.part4{ width:100%; height:auto; padding-top:40px; padding-bottom:40px; background:#f6f5f3; overflow:hidden;}
.part4_list{ float:left; width:160px; height:195px; overflow:hidden; text-align:center; line-height:20px;}
.part4_jia{ float:left; width:42px; height:42px; margin-left:29px; margin-right:29px; margin-top:40px;}
.f1{ font-size:16px; color:#000; line-height:40px; vertical-align:middle;}
.img2{transition:width 1s,height 1s; width:105px; height:105px;
-moz-transition:width 1s,height 1s, -moz-transform 1s; /* Firefox 4 */
-webkit-transition:width 1s,height 1s, -webkit-transform 1s; /* Safari and Chrome */
-o-transition:width 1s,height 1s, -o-transform 1s; /* Opera */}
.img2:hover{width:115px; height:115px;transform:rotate(360deg);
-moz-transform:rotate(360deg); /* Firefox 4 */
-webkit-transform:rotate(360deg); /* Safari and Chrome */
-o-transform:rotate(360deg); /* Opera */}

.part5{ width:100%; height:auto; padding-top:40px; padding-bottom:40px; background:#fff; overflow:hidden;}
.part6{ width:100%; height:auto; padding-top:40px; padding-bottom:40px; background:#f6f5f3; overflow:hidden;}
.part6_zmkh{ float:left; width:825px; height:; overflow:hidden;}
.part6_qykh{float:right; width:345px; height:; overflow:hidden;}
.part6_top{ width:100%; height:45px; float:left; line-height:45px; vertical-align:middle; margin-bottom:25px; overflow:hidden; background:url(../images/17.jpg) left bottom no-repeat;}
.part6_zm_con{ background:#fff; padding:10px; width:805px; padding-top:15px; float:left;}
.part6_zm_con li{
	float:left;
	width:47%;
	height: 85px;
	margin:0 5px 15px 0;
	padding:5px;
	border-bottom:1px #ccc dashed;
}
.part6_zm_con li:nth-child(2n){
    margin-left:2%;
}
.part6_zm_con li .time{
	float: left;
	width:17%;
	margin-right:3%;
	line-height:40px;
	height:85px;
	text-align:center;
	vertical-align:middle;
	font-weight: bold;
    font-size: 16px;
	background-color:#e45b00;
	color:#fff;
}
.part6_zm_con li .time span{
	font-size:20px;

	}
.part6_zm_con li .ttxt{
	float: left;
	width:80%;
	height:85px;
	overflow:hidden;
}
.part6_zm_con li .ttxt h8{
	width:100%;
	height:45px;
	line-height:45px;
	font-size: 16px;
    font-weight: bold;
	overflow:hidden;
}
.part6_zm_con li .ttxt p{
	width:100%;
	height:40px;
	font-size:14px;
	overflow:hidden;
}
/*解答页面开始*/
.asklist{ background:#fff; padding:10px; width:100%; padding-top:15px; float:left;}
.asklist li{
	float:left;
	width:100%;
	height: 95px;
	margin:0 5px 15px 0;
	padding:5px;
	border-bottom:1px #ccc dashed;
}
.asklist li .time{
	float: left;
	width:5%;
	margin-right:1%;
	line-height:40px;
	height:85px;
	text-align:center;
	vertical-align:middle;
	font-weight: bold;
    font-size: 16px;
	background-color:#e45b00;
	color:#fff;
}
.asklist li .time span{
	font-size:20px;

	}
.asklist li .ttxt{
	float: left;
	width:94%;
	height:90px;
	overflow:hidden;
}
.asklist li .ttxt h8{
	width:100%;
	height:45px;
	line-height:45px;
	font-size: 16px;
    font-weight: bold;
	overflow:hidden;
}
.asklist li .ttxt p{
	width:100%;
	height:auto;
	font-size:14px;
	overflow:hidden;
}
.mid h1{
	text-align:center;
}
.mid p{
    line-height:24px;
}





.part6_zm_con img{ float:left; width:175px; height:75px; margin-left:20px; margin-bottom:30px;box-shadow: 0px 2px 6px #e5e5e5;}
.part6_cn{ font-size:20px; color:#333; margin-right:15px;}
.part6_en{ font-size:14px; color:#999;  text-transform:capitalize;font-style:italic;}
.part6_qy_con{ float:left; width:100%; height:auto;}

.newslist{ width:100%; height:auto; float:left; margin-left:0px; margin-top:0px;}
.newslist li{ float:left; width:100%; height:41px; line-height:41px; vertical-align:middle; border-bottom:1px dashed #CCC;}
.newslist li>div{ float:left; width:64%; height:41px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:url(../images/news_icon01.gif) left 16px no-repeat; padding-left:15px;font-size:13px;}
.newslist li>div a{ font-size:13px; color:#808080;}
.newslist li>div a:hover{ color:#666;}
.newslist li>span{ float:right; color:#a7a7a7;}


.foot_1{ width:295px; height:175px; overflow:hidden; float:left; margin-right:30px;}
.foot_2{width:432px; float:left; margin-right:30px;height:175px; overflow:hidden; background:url(../images/18.jpg) left 3px no-repeat; line-height:35px; vertical-align:middle; padding-left:43px; font-size:14px;}
.foot_3{width:370px; float:left; margin-right:0px;height:175px; overflow:hidden; }
.foot_4{ width:100%; height:auto; float:left; line-height:40px; text-align:center; margin-top:50px;}
.foot_1_ewm{width:100%; height:auto; float:left; margin-top:15px;}
.foot_1_tel{width:100%; height:auto; float:left; margin-bottom:5px;}

.ab_ban{ width:100%; height:250px; overflow:hidden; margin-top:91px;box-shadow: 0px 0px 10px #8f8f8f; }
.con{ margin-left:auto; margin-right:auto; width:1160px; height:auto; overflow:hidden; background-color:#FFF;box-shadow: 0px 0px 10px #8f8f8f; border-radius:10px; -moz-border-radius:10px; margin-bottom:30px; }
.txt { line-height:25px; font-size:14px;}


.station_nav {width:100%; height:auto; overflow:hidden;
padding: 29px 0;
text-align: center;
position: relative;}
.station_nav_bg {
height: 1px;
position: absolute;
left: 0;
top: 66%;
width: 100%;
background: #e6e6e6;
z-index: 1;
}
.station_nav ul {
position: relative;
z-index: 2;
text-align: center;
overflow: hidden;
}
.station_nav ul li {
display: inline-block;

padding: 0 4px;
}
.station_nav ul li a {
display: block;
width: 200px;
height: 50px;
background: url(../images/station22.png) no-repeat center top;
font-size: 18px;
color: #6B6B6B;
line-height:22px;
}


.station_nav ul li a:hover, .station_nav ul li.on a {
background-position: center bottom;
font-weight: bold; color:#ff6c00;
}
.d_list{ float: left;
    width: 100%;
    height: auto;
    padding-bottom: 20px;
	font-size:18px;
}
.desion_list{ border:3px solid #fff;
width: 340px; margin-right:20px; margin-bottom:20px;
height: 123px;
float: left;}
.mid .d_list .txt{
	width:1040px;
	margin:0 auto;
	height:auto;
	overflow:hidden;
}
.mid .d_list .txt h3{
    width:100%;
	height:auto;
	text-align:center;
	font-size:20px;
	background-color: #f8f8f8;
    padding: 10px 0;
}
.mid .d_list .txt h4{
	position:relative;
	padding-left: 20px;
    width:100%;
	height:auto;
	font-size:16px;
}
.mid .d_list .txt h4:before{
	position:absolute;
	left:0;
	top:50%;
	margin-top:-5px;
     display:block;
	 width:10px;
	 height:10px;
	 background-color:#f86d0d;
	 content:"";
}
.works_wrap {
    width: 100%;
    margin: auto;
    overflow: hidden;
    -webkit-animation: gdownIn 1s 1s both;
    -moz-animation: gdownIn 1s 1s both;
    animation: gdownIn 1s 1s both;
}
#works_list {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
#works_list li {
    position: relative;
    width: 29.3%;
    text-align: center;
    height: 314px;
    float: left;
    margin: 0 20px;
    background-color: orange;
}
#works_list li:hover{
	background-color:#f5f5f5;
	}
#works_list li a {
    position: relative;
    display: block;
    height: 100%;
    background: #fff;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
#works_list li article {
    width: 100%;
    height: 234px;
    position: relative;
    overflow: hidden;
}
#works_list li article img {
    height: 100%;
    width: auto;
    vertical-align: top;
    -webkit-transition: 2s;
    -moz-transition: 2s;
    transition:all 2s;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
#works_list li article img:hover{
	width:100%;
	height:100%;
    transform: scale(1.2);
	overflow:hidden;
}
#works_list li article summary {
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: -50px;
    left: 0;
    line-height: 50px;
    color: #fff;
    background: rgba(0,157,245,0.5);
    filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80009df5',endColorstr = '#80009df5')\9;
    text-align: left;
    text-indent: 20px;
    font-size: 16px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
#works_list li h5 {
        /* height: 40px; */
    overflow: hidden;
    line-height: 40px;
    font-size: 18px;
    color: #333;
    font-weight: 400;
    background-color: #f5f5f5;
    /* padding: 20px 0; */
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    transition: all 2s;
	cursor:pointer;
}
#works_list li h5:hover{
    background-color: rgba(243,137,34,.8);
    /* margin-top: 20px; */
    line-height: 40px;
    color: #fff;
}
#works_list li span {
    line-height: 22px;
    font-size: 14px;
    color: #999;
    display: block;
    padding-bottom: 18px;
    text-indent: 15px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
#works_list li i {
    position: absolute;
    display: block;
    width: 19px;
    height: 24px;
    bottom: 23px;
    right: -19px;
    background: url(../images/navico.png) center center no-repeat;
    z-index: 100;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.main-container.cont {
    max-width: 1180px;
	padding-top: 30px;
}
.main-container:before, .main-container:after, .section-item:before, .section-item:after, .content-box:before, .content-box:after {
    display: table;
    content: " ";
    clear: both;
}
.index-sec3-list {
    text-align: justify;
	height: 200px;
}
.index-sec3-list li {
    color: #fff;
    display: inline-block;
    vertical-align: top;
    max-width: 33%;
    text-align: left;
	height:215px;
	background-color:#f86d0d;
}
.index-sec3-list li .title {
    font-size: 18px;
    font-weight: bold;
    font-family: 'helvetica';
    line-height: 40px;
	vertical-align: middle;
}
.index-sec3-list li .title i {
    display: inline-block;
    position: relative;
    top: 5px;
    font-size: 38px;
    font-weight: normal;
    text-align: right;
    margin-right: 15px;
	vertical-align: middle;
	margin: 15px;
}
.icon-zuanshi1:before {
	display:block;
	width:42px;
	height:42px;
    content: "";
	background:url(../images/t01.png) no-repeat;
}
.icon-goutongjiaoliu:before {
    display:block;
	width:42px;
	height:42px;
    content: "";
	background:url(../images/t02.png) no-repeat;
}
.icon--dengjitequan-huojian:before {
    display:block;
	width:42px;
	height:42px;
    content: "";
	background:url(../images/t03.png) no-repeat;
}
.index-sec3-list li .cont {
    font-family: 'helvetica';
    padding: 0 20px;
    margin-top: 20px;
    font-size: 14px;
    line-height: 26px;
}

.desion_h1{ text-align:center; font-size:30px; color:#999;padding-bottom: 30px;
    border-bottom: 1px dashed #c0c0c0;}
.desion_h2{ text-align:center; font-size:14px; color:#999; position:absolute}

.video_list{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:40px auto;
}
.video_list li{ float:left; width:33.33%; height:auto; overflow:hidden;}
.video_list li .common{ text-align:center;}
.video_list li .common img{ width:120px; height:auto; margin:0 auto;}
.video_list li .al_title{ font-weight:bold; font-size:18px; line-height:40px;}




.fenye_cont {
    height: auto;
    overflow: hidden;
    line-height: 28px;
    font-size: 14px;
    margin-top: 10px;
}

.CaseBody .list { border:3px solid #fff;
width: 274px; margin-right:20px; margin-bottom:20px;
height: 270px;
float: left;
}
.CaseBody .list:hover{ border:3px solid #fd8332;}
.CaseBody .lists {
width: 274px;
height: 246px;
position: relative;
}
.CaseBody .lists .imgs {
width: 274px;
height: 185px;
display: block;
overflow: hidden;
}
.CaseBody .lists img {
width: 274px;
height: 185px;
position: relative;
}
.CaseBody .lists .title {
width: 254px;
padding: 0px 10px;
line-height: 38px;
color: #2A2B2C;
height: 38px;
border-bottom: 1px solid #C9C9C9;
font-weight: bold;
position: relative;
z-index: 9000;
left: 0px;
}
.CaseBody .lists .title a { font-size:14px;
color: #2A2B2C;
}
.CaseBody .lists .coms {
width: 254px;
padding: 2px 10px 0px;
height: 45px;
left: 0px;
border-top: 1px solid #fff;
border-bottom: 1px solid #C9C9C9;
color: #999;
line-height: 20px;
position: relative;
z-index: 9000;
font-size: 12px;
}
.pagelist{ width:100%; height:50px; float:left; text-align:center; margin-top:20px;}
.pagelist a{ margin-right:10px; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; font-size:14px; line-height:30px; vertical-align:middle; border:1px solid #CCC;}

.newslist2{ width:100%; height:auto; float:left; background:url(../images/4_1.jpg) 123px repeat-y;}
.newslist2 li{ float:left; width:100%; height:auto; overflow:hidden; margin-bottom:20px;}
.newslist_time{ float:left; width:150px; font-size:16px; padding-left:10px; height:35px; line-height:35px; color:#fff; background:url(../images/2_1.png) no-repeat;}
.newslist_con{float: right;
    width: 878px;
    height: auto;
    line-height: 25px;
    background: #f3f3f3;
    padding: 3px;}
.newslist_title{ width:100%; height:30px; line-height:30px; vertical-align:middle;font-size:16px;  }
.newslist_title a{font-size:16px; color:#2b2b2b;}
.newslist_xq{ float:left; width:100%; line-height:25px; font-size:12px;}

.contact{ background:url(../images/bg2.png) center top no-repeat; width:325px; height:420px; padding:25px;  float:left;  line-height:30px;}

.culture_list1 {
    width: 44%;
    height: auto;
    float: left;
    margin-left: 3%;
    margin-right: 3%;
}
.culture_list{width:27.33%; height:auto; float:left; margin-left:3%; margin-right:3%;margin-top: 35px;}

.about_top_title{color:#000;font-size:30px;}
.adv_1{ float:left; width:35%; height:auto;}
.adv_2{ float:left; width:25%; height:auto; margin-left:2.5%; margin-right:2.5%; padding-top:100px;}
.adv_3{ float:left; width:35%; height:auto;}
.adv_1_list{ float:right; width:100%; height:auto; margin-bottom:30px;}
.arrow1{margin-top:-5px; margin-right:10px;}
.adv_font1{font-size:30px; text-align:center; line-height:80px;}
.adv_font2{font-size:24px; font-weight:normal;}

.line{ background:url(../images/line.jpg) 32px top repeat-y; height:auto; width:55%; overflow:hidden; float:left;}
.line1{  width:100%; float:left; height:auto; margin-bottom:15px;}
.line1_date{ background:url(../images/9_14.png) left -13px no-repeat; text-align:center; line-height:65px; width:65px; height:65px; float:left; vertical-align:middle; font-size:18px; color:#1a85ff; }
.line_right{  width:89%; float:left; height:auto; overflow:hidden;}
.line_jd{ float:left; width:100%; height:auto; overflow:hidden; margin-bottom:15px; }
.line_jd_1{float:left; width:161px; height:46px; color:#fff; font-size:24px; line-height:46px; vertical-align:middle; margin-bottom:10px; margin-left:56px;}
.line_jd_2{ float:left;width:60%; height:auto; line-height:46px; font-size:24px;font-weight:bold; overflow:hidden; }
.line_t1{ width:100%; height:auto; float:left; }
.line_t1>h1{line-height:40px; vertical-align:middle; font-size:18px; font-weight:bold; margin:0px;}
.color3{color:#f3b700; }
.color4{color:#26beea; }
.color5{color:#5a71ff; }
.bg11{background:url(../images/9_15.png) 32px top no-repeat;}
.bg21{background:url(../images/9_12.png) 32px top no-repeat;}
.bg31{background:url(../images/9_13.png) 32px top no-repeat;}

.process_top{border:1px solid #FF9C30; padding:15px; text-indent:0em; margin-bottom:70px;}
.process_bg{ background:url(../images/images10.png) right bottom no-repeat; width:100%; height:auto; float:left;-moz-background-size:100% auto;
background-size:100% auto;}

.process_top_font{font-size:16px; font-weight:bold; color:#333;}

.payment_list{     width: 30%;
    height: 165px;
    float: left;
    padding: 10px 5px; border:1px solid #efefef; margin-left:1%; margin-right:1%;text-indent:0em;}
#service p{ margin-bottom:20px;}
#service{ background:url(../images/234963-13122FZ23478.png) right bottom no-repeat;}

.domain_list{ float:left;  padding-left:30px; padding-right:30px; padding-top:10px; padding-bottom:10px; border:1px solid #ccc; margin-right:30px; margin-bottom:30px; font-size:18px;}
.domain_list:hover{border:1px solid #f86d0d;}

.email_list{width:31%; height:auto; height:auto; float:left; padding:10px;  margin-bottom:30px; height:140px;}
.email_list h1{ font-size:20px; text-align:center;}
.email_list p{ text-indent:0em; font-size:12px;text-align:center;}

.email_list2{float:left; width:31%;  padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px; border:1px solid #ccc; margin-right:5px;margin-left:5px;  margin-bottom:15px; }
.email_list2 h1{font-size:18px; margin:0px;}
.email_list2 p{ font-size:12px;}

.email_top{ width:100%; height:10px; background:#CCC; margin-top:40px; margin-bottom:20px; float:left;}
.email_top_font{float:left; width:100%; font-size:30px; text-indent:0em; color:#F60; font-weight:bold; margin-bottom:30px;}
.list400{ float:left; width:100%; height:auto; padding-bottom:20px; padding-top:20px; border-bottom:1px dashed #c0c0c0;}
.list400 p{ margin-bottom:10px; text-indent:2em;}
.list400 h1{ font-size:18px;}
.space_tab{border-right:1px solid #efefef; margin-top:60px;}
.space_tab tr td{ padding:8px; line-height:20px; height:auto; border-left:1px solid #efefef; font-size:12px;}
.space_tab tr:first-child{ font-size:14px; font-weight:bold; color:#000;}
.space_tab tr:nth-child(even){ background:#fff;}
.space_tab tr:nth-child(odd){ background:#f8f8f8;}
.space_tab tr td:first-child{ font-weight:bold;}

.zzsc{ width:100%; height:250px; margin:0 auto; overflow:hidden; display:none; background:url(../images/big.jpg) no-repeat center top #7B010B; text-align:center; position:relative;}
.zzsc .link{ width:100%; height:250px; display:block; z-index:10;}
.zzsc .up{ display:block; width:120px; height:12px; background:url(../images/arrow.jpg) no-repeat left bottom; position:absolute; left:50%; bottom:0; z-index:20; margin-left:-60px;}
.zzsc .down{ display:block; width:120px; height:12px; background:url(../images/arrow.jpg) no-repeat left top; position:absolute; left:50%; top:88px; z-index:20; margin-left:-60px;}

.sjysleft  { width: 435px; display: inline;}
.fl{ float:left;}
.sjysrig { width: 600px;}
.fr {float: right;}
.fenye_cont { height: auto; overflow: hidden; line-height: 28px; font-size: 14px; margin-top: 10px;}
.warpper { width: 100%; padding: 0px; margin: 0 auto; position: relative;}
.mob2 ul li { width: 430px; padding-bottom: 30px; height: 250px;}
.clear { clear: both;}

.fenye_xq{ position:relative; background-repeat: no-repeat;background-position: center top; padding-top:45px; margin-top:0px; font-size:13px;}
.fenye_xuxian2{border:1px dashed #E0E0E0;display: block; padding:25px 14px 30px; position:relative;line-height:25px; }
.fenye_xuxian2 .fenye_xuxian2_t{position: absolute;margin-top: -49px; text-align:center;background: url(../images/xq_t4.jpg) no-repeat;width: 165px;line-height:35px; font-size:16px;color: #FFF; padding:5px 0px 0px 6px;}
.fenye_xq .biaoti{font-size: 18px;font-weight: bold;color: #2b86a8;margin: 0px;padding: 0px;width: 100%;}
.fenye_xq .xiann{text-align: left;background-image: url(../images/line.jpg);background-repeat: no-repeat;background-position: center center;height: 15px;width: 100%;margin-top: 50px;margin-bottom: 10px;}
.fenye_xq .xiann{
	text-align: left;
	background-image: url(../images/line.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 15px;
	width: 100%;
	margin-top: 50px;
	margin-bottom: 10px;
	padding: 0px;
}

.wangzhantuiguang1{
height: 180px;
width: 100%;
background-image: url(/img/seo/tuiguangpic1.gif);
background-repeat: no-repeat;
background-position: left bottom;
margin-right: auto;
margin-left: auto;	
}
.wangzhantuiguang2{
height: 101px;
width: 100%;
background-image: url(/img/seo/tuiguangpic2.gif);
background-repeat: no-repeat;
background-position: left center;
margin-right: auto;
margin-left: auto;
}
.wangzhantuiguang{
height: 50px;
width: 505px;
float: left;
padding: 0px;
margin-top: 25px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 10px;
}
.wangzhantuiguang_l{
height: 50px;
width: 55px;
float: left;
margin: 0px;
padding: 0px;
vertical-align: top;
text-align: center;
}
.wangzhantuiguang_l img{
padding-top: 10px;
text-align: center;
}
.wangzhantuiguang_r {
height: 30px;
width: 440px;
float: right;
}

.wangzhantuiguang_r ul li.one{
height: 25px;
width: 440px;
line-height: 25px;
font-weight: bold;
font-size: 15px;
}
.wangzhantuiguang_r ul li.two{	
width: 440px;
line-height: 22px;	
}

/*网站维护*/
.wangzhanwehu{
	width: 100%; height:auto; overflow:hidden;
}
.wangzhanwehu ul li.one{
	width: 348px;
	float: left;
	height: 384px;		
}
.wangzhanwehu ul li.two{
	width: 582px;
	float: right;
	height: 384px;	
}
.wangzhanwehu ul li.two .title{
	width: 100%;
	height: 50px;	
	font-size: 22px;
	font-weight: bold;
	line-height: 50px;
}
.wangzhanwehu ul li.two .cont{
	width: 100%;
	height: 108px;	
	font-size: 14px;	
	line-height: 26px;
}
.wangzhanwehu ul li.two .yy_l{
	width: 339px;	
	float: left;	
}
.wangzhanwehu ul li.two .yy_l ul li.titlee{
	width: 339px;
	height: 70px;
	font-size: 22px;
	font-weight: bold;
	line-height: 70px;
}
.wangzhanwehu ul li.two .yy_l ul li.contt{
	width: 339px;	
	font-size: 14px;	
	line-height: 26px;
}
.wangzhanwehu ul li.two .yy_r{
	width: 243px;
	float: right;
	height: 214px;
	margin-top: 15px;
}
.wangzhanwehu_youshi{
	width: 100%;
	height: 258px;
	margin-top: 15px;
	background-image: url(../images/step.jpg);
	background-repeat: no-repeat;
	background-position: center center;	
}
.wangzhanwehu_youshi ul li.one{
	float: left;
	height: 100px;
	width: 180px;
	margin-top: 25px;
	margin-left: 174px;
	line-height: 24px;
	
}
.wangzhanwehu_youshi ul li.two{
	float: left;
	height: 100px;
	width: 130px;
	margin-top: 156px;
	margin-left: 0px;
	line-height: 24px;
	
}
.wangzhanwehu_youshi ul li.three{
	float: left;
	height: 100px;
	width: 160px;
	margin-top: 34px;
	margin-left: 0px;
	line-height: 24px;
	
}
.wangzhanwehu_youshi ul li.four{
	float: left;
	height: 200px;
	width: 170px;
	margin-top: 75px;
	margin-left: 160px;
	line-height: 24px;
	
}
/* 小程序页面  */
.wx_ys{ padding:30px 0;}
.wx_ys li {
    float: left;
    padding: 30px;
    width: 33.333333333%;
    height: 140px;
    box-sizing: border-box;
    overflow: hidden;
	position:relative;
}
.wx_ys li a { color:#fff;}
.wx_ys li img{ position:absolute; top:0; bottom:0; left:20px; margin:auto;}
.wx_ys li .text{ position:absolute;top:30px; bottom:0; left:140px; width:220px; height:100px; margin:auto;}
.wx_ys li .text h5{ line-height:0px; font-size:20px;}
.wx_ys li .text p{ opacity:0;}
.wx_ys li:hover .text{ color:#fff; top:-20px;}
.wx_ys li:hover .text p{ opacity:1;}
.wx_ys li:hover { background: #31b2f0; border-radius: 4px; transition: all .3s cubic-bezier(0.4,0,.2,1) 0s;}
.wx_ys li:hover:nth-child(2) { background: #fda336;}
.wx_ys li:hover:nth-child(3) { background: #31cd86;}
.wx_ys li:hover:nth-child(4) { background: #ef5d41;}
.wx_ys li:hover:nth-child(5) { background: #75b3fe;}
.wx_ys li:hover:nth-child(6) { background: #f7c71d;}
.wx_second{ text-align:center; padding:30px 0 30px 0;}
.wx_second_adv_1_list {text-align:center; width: 100%; height: auto; font-weight:bold; line-height: 100px;}
.wx_second_ys li{ width:25%; padding:0 30px; margin-top:30px; float:left; -webkit-box-sizing:border-box;}
.wx_second_ys li img{ display:block; margin:0 auto;}
.wx_second_ys li p { padding-top: 10px; height: 50px; line-height: 25px; font-size: 16px; color: #666; text-align: center;}
<!--.wx_third{ text-align:center; padding:30px 0 30px 0;}-->
.wx_third_ys li{ float:left; width:33.33333%; margin-bottom:50px; height:80px;}
.wx_third_ys li img{float:left; margin:auto;}
.wx_third_ys li .text_third{padding-left:40px; overflow:hidden; font-size:14px; padding-top:5px;}
.wx_third_ys li .text_third span{ font-size:16px; float:left; font-weight:bold;}


/*video 页面*/
.video {
    width: 1020px;
    margin: 0px auto 30px auto;
}
.video .videolist {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.video .videolist li {
    float: left;
    width: 31.33%;
    height: 250px;
    padding-right: 1%;
    margin-bottom: 45px;
}



.video .videolist li h1 {
    width: 90%;
    margin: 0 auto;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    color: #4d4d4d;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
}