@charset "utf-8";
/* CSS Document */

body {
	margin:0px;
	padding:0px;
	font-family:Microsoft YaHei;
	font-size:12px;
}

ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd {
	margin:0px;
	padding:0px;
	list-style:none;
}

a {
	color:#333333;
	text-decoration:none;
}

a:hover {
	color:#de451c;
	text-decoration:none;
}

#contioner {
	margin:0 auto;
	width:1000px;
}

#header {
	float:left;
	width:100%;
}

#header .h_t1 {
	float:left;
	width:100%;
	height:140px;
}

#header .h_t1 .logo {
	float:left;
	height:100px;
	margin-top:20px;
	margin-bottom:15px;
}

#header .h_t1 .tel{
	float:right;
	margin-top:25px;
}

#header .h_t2 {
	float:left;
	width:100%;
	height:45px;
	background:#1c86bf;
}

#menu {
	float:left;
	width:100%;
}

#menu ul {
	list-style:none;
}

#menu ul li {
	float:left;
	height:45px;
	margin-right:1px;
	position:relative;
}

#menu ul li a {
	float:left;
	height:45px;
	line-height:45px;
	padding:0px 27px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	display:block;
}

#menu ul li a:hover {
	color:#fff;
	text-decoration:none;
	background:#079bd2;
}

#menu ul li.active {
	float:left;
	height:45px;
	margin-right:1px;
	position:relative;
}

#menu ul li.active a {
	float:left;
	height:45px;
	line-height:45px;
	padding:0px 27px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	display:block;
	background:#079bd2;
}

#menu ul li .sec{height:0;overflow:hidden;z-index:9999;position:absolute;top:45px;left:0px; text-align:center;}
#menu ul li .sec a{background:#079bd2;color:#fff;height:38px;line-height:36px; padding-top:0px !important;width:110px; padding:0px; font-size:14px; border-top:1px solid #6488e3; text-decoration:none;z-index:9999;}
#menu ul li .sec a:hover{background:#1c86bf;text-decoration:none; height:38px; line-height:36px; width:110px; padding:0px; border-bottom:none; font-size:14px; color:#fff;z-index:9999;}

/*banner*/
#banner{ width:100%; max-width:1600px; margin:0 auto; height:510px; overflow: hidden;}
.flexslider{position:relative;height:510px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:510px;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.flex-control-nav{position:absolute;bottom:10px;z-index:2; left:45%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px; float:left;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:60px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:60px;background:url(../images/next.png) center center no-repeat;}


/*main*/
#main_1{ width:1000px; height:420px; margin:0px auto; padding-top:30px;}
#main_1 .mina_1tetl{ padding-top:50px; padding-bottom:40px; background:url(../images/main1.png) no-repeat; font-size:16px; font-family:微软雅黑; color:#000; text-align:center;}
#main_1 ul li{ width:295px; height:260px; margin:0px auto; float:left; background:url(../images/main2.png) no-repeat; padding-top:2px; padding-left:8px; padding-right:8px;}
#main_1 ul li .litb{ width:88px; height:88px; margin:0px auto;}
#main_1 ul li .litb:hover{transition:0.2s all ease; -webkit-transition:0.2s all ease; -o-transition:0.2s all ease; -moz-transition:0.2s all ease;transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2);}
#main_1 ul li h2{ text-align:center; font-weight:bold; font-size:24px; line-height:45px; margin-top:15px;}
#main_1 ul li p{ font-size:14px; text-align:center; line-height:25px; margin-top:5px;}
#main_1 ul li .more{ width:85px; height:30px; margin:8px auto;}
#main_1 ul li .more a {float:left; width:85px; height:30px; line-height:30px; text-align:center; font-size:14px; background:#ff7e0e; color:#fff;}
#main_1 ul li .more a:hover {color:#fff; text-decoration:underline;}

#mian_2{ width:100%; height:950px; background:#f2f3f4;}
#mian_2 .mian_tab{ background:url(../images/about1.jpg) repeat-x; z-index:1;}
#mian_2 .mian_tab .aboutus{ background:url(../images/about.jpg) no-repeat; width:369px; height:79px; margin:0px auto; text-align:center; font-size:30px; font-weight:100; color:#333; line-height:78px;}
#mian_2 .mian_tab p{ text-align:center; font-size:16px;}
#mian_2 .about_now{ width:1000px; height:235px; margin:0px auto; overflow:hidden; margin-top:25px;}
#mian_2 .about_now .abouts{ width:665px; float:left;}
#mian_2 .about_now .abouts h3 ,.now h3{ font-size:25px; color:#ff7e0e;}
#mian_2 .about_now .abouts p{ font-size:13px; line-height:26px; margin:5px 3px 0px 3px; height:100px;}
#mian_2 .about_now .abouts p span a{float:right; width:85px; height:30px; line-height:30px; text-align:center; font-size:14px; background:#ff7e0e; color:#fff; margin-top:12px;}
#mian_2 .about_now .now{ width:300px; float: right;}
#mian_2 .about_now .now .now_1 {float:left; width:100%; padding-top:5px;}
#mian_2 .about_now .now_img{ width:117px; height:80px; float:left; overflow:hidden; margin-right:10px; margin-top:5px;}
#mian_2 .about_now .now_img img {width:117px; height:80px;}
#mian_2 .about_now .now_mian h1 {max-height:40px;}
#mian_2 .about_now .now_mian h1 a{ font-size:14px; color:#064a75; line-height:20px;}
#mian_2 .about_now .now_mian p{ font-size:12px; line-height:23px; height:46px; overflow:hidden; margin-top:3px;}
#mian_2 .about_now .now ul{ width:300px; height:100px; overflow:hidden; margin-top:13px; float:left;}
#mian_2 .about_now .now ul h1{line-height:25px; height:25px; font-size:12px;}
#mian_2 .about_now .now ul h1 span{ display:block; float:right;}
#mian_2 .about_now .now ul h1 a{float:left; width:210px; overflow:hidden; padding-left:10px; background:url(../images/onw_li.png)0px 8px no-repeat; }
#mian_2 .case {float:left; width:100%;}
#mian_2 .case h4{ background:url(../images/main3.png)0px 6px no-repeat; width:1000px; border-bottom:#b7b7b7 solid 1px; font-size:30px; margin:20px auto 0px; padding-left:15px; color:#ff7e0e; padding-bottom:8px;}


/*index content*/
.da-thumbs{list-style:none;height:auto;position:relative;margin:0 auto;padding:0; width:1000px;}
.da-thumbs li{float:left;background:#fff;position:relative; width:24.2%; overflow:hidden; margin:15px 0.4% 0px;}
.da-thumbs li a,.da-thumbs li a img{display:block;position:relative; width:100%;}
.da-thumbs li a{color:#fff;overflow:hidden}
.da-thumbs li a img { width:248px; height:141px}
.da-thumbs li a div{position:absolute; background:url(../images/case-zz.png);width:100%;height:100%;}

.da-thumbs li a h2{ font-size:20px;margin:10px 8px;font-weight:normal;text-align:center}
.da-thumbs li a p{ text-align:center; width:100%; display:block; padding:0;}
.da-thumbs li a p img{ width:248px; height:141px; display:block; margin:0 auto;}
.da-thumbs li.subscribe{border:none;width:156px;height:150px;margin-right:0;background:#0d9572;padding:8px}
.da-thumbs li.subscribe h2{font-size:33px;line-height:36px;margin:0;text-align:center; }
.da-thumbs li.subscribe h2 span{font-size:16px; float:right; margin-right:5px; line-height:30px}
.da-thumbs li.subscribe img{clear:right;float:right;margin:7px 5px 0 0px;}

#mian_3 { width:1000px; height:500px; margin:0px auto;}
#mian_3 .features h4{background:url(../images/main3.png)0px 6px no-repeat;font-size:30px; margin:20px auto 0px; padding-left:15px; color:#ff7e0e; padding-bottom:8px; float:left;}
#mian_3 .features span{ margin-top:30px; font-size:20px; float:left; margin-left:8px;}
#mian_3 .features p{ width:1000px; border-top:#CCC solid 1px; float:none; display:block; float:left; line-height:50px;}


#mian_4{ width:100%; height:95px; background:#50acff;}
#mian_4 .more_case{ width:1100px; height:95px; margin:0px auto; background:url(../images/mian_33.png) no-repeat;}
#mian_4 .more_case a{ display:block; float:right; margin-right:120px; margin-top:25px;}

#mian_5{ width:100%;}
#mian_5 .statistics{ width:1000px; margin:0px auto;}
#mian_5 .seoid{ width:1000px; margin:0px auto;}

#mian_6{ width:100%; height:340px; background:#f2f3f4;}
#mian_6 .marketing{ width:1000px; margin:0px auto;}
#mian_6 .marketing ul .li_1{ width:250px; height:215px; margin-top:30px; float:left;}
#mian_6 .marketing ul .li_2{ width:350px; height:230px; margin:45px 30px 0px; float:left;}
#mian_6 .marketing ul .li_2 h5{ font-size:20px; color:#0384db;}
#mian_6 .marketing ul .li_2 p{ font-size:16px; line-height:30px; margin-top:10px;}
#mian_6 .marketing ul .li_2 p a{background:url(../images/more_1.png) no-repeat; display:block; width:92px; height:25px;}
#mian_6 .marketing ul .maeksos{ background:url(../images/sos1.png) no-repeat; width:295px; height:215px; margin-top:10px; float:left; padding-top:95px;}



#mian_7{ width:1000px; height:515px; margin:0px auto;}
#mian_7 h4{ background:url(../images/main3.png)0px 8px no-repeat; padding-left:10px; font-size:30px; margin-top:20px;}
#mian_7 .nows{ margin-top:10px; border-top:#b7b7b7 solid 1px; padding-top:13px;}
#mian_7 .nows .now{ width:309px; height:420px; border:1px solid #d7d7d7; float:left; display:inline;}
#mian_7 .nows .now.now_li{ margin:0px 30px;}
#mian_7 .nows .now ul dt{ width:271px; height:53px; padding-top:12px; padding-left:20px; padding-right:20px; background:#0595f6; color:#FFF; font-size:24px; margin-bottom:0px;}
#mian_7 .nows .now ul dt a{ background:url(../images/more_4.png) no-repeat; width:38px; height:40px; float:right;}
#mian_7 .nows .now ul dt a:hover{ background:url(../images/more_4li.png) no-repeat;  -o-transition:0.5s all ease; }
#mian_7 .nows .now ul dd{ background:url(../images/onw_li.png)2px 15px no-repeat; font-size:14px; line-height:38px; margin:0px 13px; padding-left:15px; padding-right:15px;}

/*footer*/
#footer{ width:100%; padding-bottom:20px; background:#4a4a4a; border-top:5px solid #ff7e0e; float:left;}
#footer .foot{ width:1000px; margin:20px auto 0px; font-size:13px; line-height:25px; color:#888787;}
#footer .foot ul{ float:left; margin-right:45px;}
#footer .foot ul dt{border-bottom:#fd7d0f solid 2px; line-height:35px; font-size:14px; font-weight:bold; margin-bottom:10px;}
#footer .foot ul dd a{color:#888787;}
#footer .foot ul dd a:hover {color:#eee;}
#footer .foot ul .fot_about{ width:95px; }
#footer .foot ul .fot_faq{ width:135px; }
#footer .foot ul .fot_inc{ width:105px; }
#footer .foot ul .fot_tel{ width:290px; border:none;}
#footer .foot ul .fot_rewm{ width:130px; border:none;}



#bans {
	float:left;
	width:100%;
	height:240px;
	background:url(../images/ban1.jpg) center top no-repeat;
}

#about {
	float:left;
	width:100%;
	margin:20px 0px;
}

#about .about_left {
	float:left;
	width:260px;
}

#about .about_left .title {
	float:left;
	width:100%;
	height:42px;
	background:url(../images/tb3.jpg) no-repeat;
}

#about .about_left .title span {
	float:left;
	width:100%;
	height:34px;
	line-height:34px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#fff;
}

#about .about_left .left_menu {
	float:left;
	width:100%;
	margin-bottom:5px;
}

#about .about_left .left_menu ul {
	list-style:none;
}

#about .about_left .left_menu ul li {
	float:left;
	width:100%;
	height:30px;
	background:url(../images/tb4.jpg) no-repeat;
	margin-bottom:3px;
}

#about .about_left .left_menu ul li a {
	float:left;
	width:100%;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#333;
}

#about .about_left .left_news {
	float:left;
	width:100%;
}

#about .about_left .left_news ul {
	list-style:none;
}

#about .about_left .left_news ul li {
	float:left;
	width:100%;
	height:30px;
	background:url(../images/tb4.jpg) no-repeat;
	margin-bottom:3px;
}

#about .about_left .left_news ul li a {
	float:left;
	height:30px;
	line-height:30px;
	padding-left:10px;
}



#about .about_left .left_menu ul li a:hover {
	color:#f56d33;
	text-decoration:none;
}

#about .about_right {
	float:right;
	width:720px;
}

#about .about_right .navs {
	float:left;
	width:100%;
	height:34px;
	border-bottom:1px solid #eee;
	background:url(../images/home.jpg) left center no-repeat;
}

#about .about_right .navs span {
	float:left;
	height:34px;
	line-height:34px;
	margin-left:20px;
	display:inline;
	color:#666;
}

#about .about_right .navs span a {
	color:#666;
	text-decoration:none;
}

#about .about_right .navs span a:hover {
	color:#666;
	text-decoration:none;
}

#about .about_right .content {
	float:left;
	width:100%;
	line-height:30px;
	text-align:left;
	color:#666;
	padding-top:5px;
}

#news_list {
    float:left;
	width:100%;
}

#news_list ul {
    list-style:none;
}

#news_list ul li {
    float:left;
	width:100%;
	height:35px;
	line-height:35px;
	border-bottom:1px dashed #ccc;
	text-align:left;
	background:url(../images/newsli.jpg) 2px center no-repeat;
}

#news_list ul li a {
    float:left;
	height:35px;
	line-height:35px;
	padding-left:16px;
	text-align:left;
	font-size:12px;
    color:#333;
	text-decoration:none;
}

#news_list ul li a:hover {
    color:#e50002;
	text-decoration:none;
}

#news_list ul li span {
    float:right;
	width:70px;
	height:35px;
	line-height:35px;
	text-align:left;
	color:#666;
}

#pages {
	float:left;
	width:100%;
	height:40px;
	line-height:40px;
	text-align:center;
}

#news_detail {
    float:left;
	width:100%;
}

#news_detail h1 {
    font-style:normal;
    float:left;
	width:100%;
	line-height:30px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#333;
}

#news_detail .info {
    float:left;
	width:100%;
	padding-bottom:10px;
	border-bottom:1px dashed #ccc;
	text-align:center;
}

#news_detail .info .tt {
    margin:0 auto;
	width:285px;
	padding-top:3px;
	padding-right:0px;
}

#news_detail .info .tt span {
    float:left;
}

.mr20 {
    margin-right:20px;
}

#news_detail .dcontent {
    float:left;
	width:100%;
	line-height:25px;
	text-align:left;
	font-size:12px;
	color:#555;
	padding:10px 0px;
}

#news_detail .fanye {
    float:left;
	line-height:24px;
	text-align:left;
}

#news_detail .news_back {
    float:left;
	width:100%;
	padding:15px 0px 0px 0px;
	text-align:center;
}

.partner_list {
	float:left;
	width:100%;
	margin-top:10px;
}

.partner_list ul {
	list-style:none;
}

.partner_list ul li {
	float:left;
	width:160px;
	margin-right:20px;
	margin-bottom:5px;
	display:inline;
	line-height:36px;
	text-align:center;
}

.partner_list ul li img {
	width:160px;
	height:91px;
	border:1px solid #eee;
}

.partner_list ul li h1 {
	line-height:36px;
	text-align:center;
	font-size:12px;
	height:36px;
	overflow:hidden;
}

#product_detail {
    float:left;
	width:100%;
}

#product_detail .psub1 {
    float:left;
	width:100%;
	padding-bottom:10px;
	text-align:center;
	font-family:"微软雅黑";
	font-size:14px;
}

#product_detail .bigpic {
	float:left;
	width:100%;
	padding-top:15px;
	padding-bottom:15px;
	text-align:center;
	overflow:hidden;
}

#product_detail .bigpic img {
	max-width:760px;
	margin:0 auto;
}

#product_detail .psub2 {
   float:left;
   width:100%;
   padding:15px 0px;
   text-align:left;
   font-size:12px;
   border-top:1px dashed #efefef;
   color:#555;
   line-height:25px;
}

#product_detail .psub3 {
   float:left;
   width:100%;
}

#product_detail .psub3 .page {
	float:left;
	width:100%;
	line-height:24px;
	text-align:left;
}


.h_feature {
	float:left;
	width:100%;
	margin-top:20px;
}

.feature_magin {
    float: left;
    margin-bottom: 30px;
}

.col-md-6 {
    width: 50%;
}

.h_feature h5 {
    color: #f56d33;
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;
    padding-top: 5px;
}

.h_feature span {
    float: left;
    margin-right: 18px;
}

.h_feature h5 span {
    font: bold 18px/23px Tahoma,Geneva,sans-serif;
    margin: 0;
    padding-right: 4px;
}

.feature_magin p {
	font-size:14px;
	line-height:25px;
}


.hxys {
	float:left;
	width:100%;
}

.hxys ul {
	list-style:none;
}

.hxys ul li {
	float:left;
	width:360px;
	height:165px;
	overflow:hidden;
}

.hxys ul li .pic {
	float:left;
	width:80px;
	padding-top:10px;
}

.hxys ul li .pic img {
	width:50px;
	height:50px;
}

.hxys ul li .text {
	float:left;
	width:260px;
}

.hxys ul li .text span {
	float:left;
	width:100%;
	height:30px;
	line-height:30px;
	font-weight:bold;
}

.hxys ul li .text p {
	float:left;
	width:100%;
	text-align:left;
	line-height:24px;
}

.ads_title {
    clear: both;
    color: #e74725;
    font: bold 18px "Microsoft YaHei";
    padding: 23px 0 17px;
}

.toprank {
    border: 1px solid #c8c8c8;
    float: left;
    margin-right: 18px;
    padding: 0;
    width: 47%;
}

.toprank p {
    color: #444;
    font-size: 15px;
    line-height: 25px;
    padding: 20px;
}

.toprank span {
    background: #e5e5e5 none repeat scroll 0 0;
    color: #1d1d1d;
    display: block;
    font-size: 15px;
    font-weight: bold;
    line-height: 39px;
    text-align: center;
}

.ads_benefit li {
    color: #787878;
    line-height: 25px;
}

.ads_process ol li {
    background: rgba(0, 0, 0, 0) url(../images/ads_tu4.jpg) no-repeat scroll right center;
    float: left;
    line-height: 40px;
    margin: 20px 12px 0 0;
}

.ads_process ol li span {
    margin-right: 60px;
    padding: 6px 25px;
}

.sgs_process ol .sgs_process_no, .ads_process ol .ads_process_no {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding: 0;
}

.sgs_process ol li span, .ads_process ol li span {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 2px 3px 5px #c4c4c4;
    color: #e74725;
    margin-right: 60px;
    padding: 10px 12px;
}

.col-md-12 {
    width: 100%;
}
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: left;
}

ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 0;
}
ul, li, p, dl, dt, dd, form, input, h1, h2, h3, h4, h5, span, ol {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.youxiang {
	float:left;
	width:100%;
}

.youxiang ul {
	list-style:none;
}

.youxiang ul li {
	float:left;
	width:100%;
	padding:30px 0px;
	border-bottom:1px solid #eee;
}

.youxiang ul li .pic {
	float:left;
	width:100px;
	margin-left:10px;
	padding-top:10px;
	display:inline;
}

.youxiang ul li .text {
	float:left;
	width:610px;
}

.youxiang ul li .text span {
	float:left;
	width:100%;
	height:30px;
	line-height:30px;
	text-align:left;
	font-weight:bold;
}

.youxiang ul li .text p {
	float:left;
	width:590px;
	text-align:left;
	line-height:24px;
	background:url(../images/mailbox_icon.jpg) left 8px no-repeat;
	padding-left:15px;
}

.platform_advertising {
    color: #e74725;
    font: bold 18px/45px "Microsoft YaHei";
    margin: 0px;
    padding-left: 0;
}

.sgs_process ol li {
    background: rgba(0, 0, 0, 0) url(../images/sgs_process_tu.jpg) no-repeat scroll right center;
    float: left;
    line-height: 40px;
    margin: 20px 12px 0 0;
}

.sgs_process ol li span {
    margin-right: 45px;
    padding: 6px 25px;
}

.gjc-box {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ddd #ddd #ddd -moz-use-text-color;
    border-image: none;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    margin-top: 20px;
}

.gjc-box td {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}