@charset "utf-8";
*{margin:0;padding:0;}
body{font-size:14px;font-family:"微软雅黑";margin:0px;padding: 0px;color: #666666;}
ul,dl{margin: 0px;padding: 0px;}
a{color:#666666;text-decoration:none;}
a:hover{color:#FF6600;text-decoration:none;}
p{margin: 0px;padding: 0px;}li{list-style-type: none;margin: 0px;padding: 0px;}.remove{clear: both;float: none;}
#header .top-sub{border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #e5e5e5;height: 47px; /*background-image: url(../img/bg22.gif);*/ background-color:#555; color: #FFFFFF;}
#header .top-sub .container{height: 47px;width: 1200px;margin-right: auto;margin-left: auto;}
#header .top-sub .container .know{float: left;line-height: 47px;}
#header .top-sub .container .know strong{color: #ffa800;}
#header .top-sub .container .sidebar{line-height: 47px;float: right;}
#header .top-sub .container .sidebar .brand{float: right;width: 146px; display: none;}
#header .top-sub .container .sidebar .brand span{float: right;}
#header .top-sub .container .sidebar .brand .set{float: right;padding-left: 10px;padding-top: 6px;}
#header .top-sub .container .sidebar .brand .set ul{height: 21px;width: 79px;position: relative;}
#header .top-sub .container .sidebar .brand .set ul li{height: 19px;width: 77px;overflow: hidden;border: 1px solid #CCCCCC;position: absolute;left: 0px;top: 0px;z-index: 1;background-color: #FFFFFF;background-image: url(../img/bg1.gif);background-repeat: no-repeat;background-position: 66px 8px;}
#header .top-sub .container .sidebar .brand .set ul li:hover{height: auto;}
#header .top-sub .container .sidebar .brand .set ul li a{display: block;height: 18px;width: 67px;line-height: 18px;clear: both;float: none;margin: 0px;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 10px;color: #f6503a;}
#header .top-sub .container .sidebar .tel{float: right;/*width: 226px;*/}
#header .top-sub .container .sidebar .tel span{display: block;float: left;padding-right: 10px;line-height: 16px;height: 16px;padding-top: 16px;}
#header .top-sub .container .sidebar .tel span strong{color: #ffa800;font-size: 16px;}
#header .top-sub .container .sidebar .help{float: right;width: 370px;text-align: right;padding-right: 20px; font-size: 12px;}
#header .top-sub .container .sidebar .help ul li{float: left; height: 47px; width: 85px;position: relative;z-index: 555555555555555555;background-image: url(../img/bg2.gif);background-repeat: no-repeat;background-position: right center;text-align: center;}
#header .top-sub .container .sidebar .help ul li:last-child{background-image: none;}
#header .top-sub .container .sidebar .help ul li:hover span a{color: #FF9B2D;}
#header .top-sub .container .sidebar .help ul li ul{width: 105px;position: absolute;z-index: 100000000000000000000;height: auto;left: -10px;top: 47px;background-image: url(../img/bg22.gif);display: none;}
#header .top-sub .container .sidebar .help ul li:hover ul{display: block;}
#header .top-sub .container .sidebar .help ul li ul li{clear: both;float: none;width: 105px;height: auto;text-align: left;background-image: none;}
#header .top-sub .container .sidebar .help ul li ul li a{display: block;width: 85px;padding-left: 20px;}
#header .top-sub .container .sidebar .help ul li ul li:hover{background-color: #F6503A;}
#header .top-sub .container .sidebar .help ul li ul li:hover a{color: #FFFFFF;text-decoration: none;}
#header .top-sub .container .sidebar .help a{color: #FFFFFF;}
#header .l_ber{height: 120px;width: 100%;position: relative;z-index: 1000000;clear: both;float: none;}
#header .top-menu{height: 120px;width: 100%;background-image: url(../img/bg23.png);background-repeat: repeat-x;background-position: bottom;position: absolute;z-index: 2222222222;left: 0px;top: 0px;padding-bottom: 3px;}
#header .top-menu .container{height: 120px;width: 1200px;margin-right: auto;margin-left: auto;}
#header .top-menu .container .logo{float: left;padding-top: 32px;}
#header .top-menu .container .menu{float: left; height: 120px; padding-left: 30px;overflow: hidden;}
#header .top-menu .container .menu ul li{float: left; height: 120px;width: auto;}
#header .top-menu .container .menu ul li span{float: left;height: 120px;line-height: 120px;}
#header .top-menu .container .menu ul li span a{display: block;float: left;height: 120px; font-size: 20px;font-weight: normal;padding-right: 12px;padding-left: 12px;}
#header .top-menu .container .menu ul li span a:hover{display: block;float: left;height: 85px; font-weight: bold; font-size: 20px; padding-right: 11px;padding-left: 11px;border-bottom: 2px solid #F6503A;}
#header .top-menu .container .menu ul li span a.current{display: block;float: left;height: 85px; font-weight: bold; font-size: 20px; padding-right: 11px;padding-left: 11px;border-bottom: 2px solid #F6503A; color:#F6503A;}

#header .top-menu .container .menu ul .current span a{color: #F6503A;text-decoration: none;}
#header .top-menu .container .weixin{float: right;padding-top: 20px;}

.header_banner{width:auto;height:420px; background:url(../img/header43.jpg);}
.header_banner #onebyone_slider span a{color:#FFF;}

.default_button {font: 11px Helvetica,Arial,sans-serif; font-weight: 400; text-decoration: none; text-transform: uppercase; padding: 8px 18px; margin: 2px 3px; vertical-align: middle; display: inline-block; border: solid 1px #111; color: #fff; background: #444; cursor: pointer; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), inset 0 -1px 0 rgba(255,255,255,.1); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.1); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), inset 0 -1px 0 rgba(255,255,255,.1); -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; zoom: 1; *display: inline; }

.swiperx {
	width: 100%;
	height: 543px;
 	background:url(../img/header43.jpg);
}

.mySwiper {
	width: 455px;
	height: 340px;
}


/*************************底部版权部分，底部导航部分CSS样式*************************/
.warp{width: 1200px;margin: 0px auto;clear: both; font-size: 14px;}
.blank{height: 8px;clear: both;}
#footer{clear:both; background-image: url(../img/bg15.gif); overflow:hidden; padding:50px 0px;border-top:1px solid #E8E8E8;min-width:1200px;}
#footer .copyright{height: auto;width: 1200px;margin-right: auto;margin-left: auto;padding-bottom: 22px;line-height: 24px;}
#footer .copyright p{height: auto;width: 1200px; text-align:center;padding-bottom: 5px;line-height: 20px;}
#footer .copyright .r_ico{float: right;}
#footer .copyright .r_ico img{float: right;margin-top: 12px;margin-left: 10px;}
#footer .bottom-subnav{height: 50px;line-height: 50px;background-image: url(../img/bg22.gif);background-color: #515151;}
#footer .bottom-subnav .con{height: 50px;width: 1200px;margin-right: auto;margin-left: auto;}
#footer .bottom-subnav .con .menu{float: left;height: 50px;}
#footer .bottom-subnav .con .menu a{color: #FFFFFF;line-height: 50px;display: block;float: left;height: 50px;margin-right: 30px;}
#footer .bottom-subnav .con .share{float: right;}
#footer .bottom-subnav .con .share span{display: block;float: right;/*padding-top: 7px;*/padding-left: 12px;}
#ewm{float:left;width:140px;padding-top:7px;}
#copyright{float:left;width:630px;color:#888;padding-left:20px; line-height:25px;}
#copyright a{color:#888;}
#footnav{ height:35px;}
#footnav a{font-weight:bold;color:#666;margin-right:12px;}
#footnav a:hover{ text-decoration:underline;}
#jcinfo{float:right;width:380px;color:#666;line-height:25px;}

#flink{width:1200px;margin:15px auto 0 auto; display: table; position:relative;line-height:23px;overflow:hidden;color:#aaa; border-top:0px dotted #CCC; padding-top: 15px;}
#flink strong{font-weight:normal}
#linkCont{top:0;left:66px;}
#linkCont li{width:1200px;overflow:hidden}
#flink a{color:#aaa; margin: 0 3px}
#linkCont span{margin:0 10px;color:#bbb8b8}


/**************************首页我们能做些什么**************************/
.What_can_I_do{width: 100%; padding: 100px 0; display: table; background-image: url(../img/bgSection.png); background-position: center top; background-color:#0ebaeb;}
.What_can_I_do .wcid_c{width: 1200px; margin: 0 auto;}
.What_can_I_do .wcid_c .wcid_c_title{font-size: 60px;color: #FFF; display: block; padding-bottom: 30px;}
.What_can_I_do .wcid_c .wcid_c_title span{font-size: 24px; text-transform:uppercase;}
.What_can_I_do .wcid_c .wcid_c_content{width: 1200px; margin: 0 auto;}
.What_can_I_do .wcid_c .wcid_c_content .wcid_c_content_left{float: left; width: 700px;}
.What_can_I_do .wcid_c .wcid_c_content .wcid_c_content_left li{width: 218px; height: 40px; padding-top: 160px; float: left; text-align: center; margin-right: 15px; margin-bottom: 15px; font-size: 20px;}
.What_can_I_do .wcid_c .wcid_c_content .wcid_c_content_left li a{ display: block; }
.What_can_I_do .wcid_c .wcid_c_content .wcid_c_content_left li a:hover{color: #FFF;}
.What_can_I_do .wcid_c .wcid_c_content .wcid_c_content_left .wcid_li01{background:url(../img/wcid_01.png) center 15px no-repeat; background-size: 130px auto; background-color:#FFF;}
.What_can_I_do .wcid_c .wcid_c_content .wcid_c_content_left .wcid_li01:hover{background:url(../img/wcid_01s.png) center 15px no-repeat; background-size: 130px auto; background-color:#00cc66; color: #FFF;}
.What_can_I_do .wcid_c .wcid_c_content .wcid_c_content_left .wcid_li02{background:url(../img/wcid_02.png) center 15px no-repeat; background-size: 130px auto; background-color:#FFF;}
.What_can_I_do .wcid_c .wcid_c_content .wcid_c_content_left .wcid_li02:hover{background:url(../img/wcid_02s.png) center 15px no-repeat; background-size: 130px auto;background-color:#cc3366; color: #FFF;}
.What_can_I_do .wcid_c .wcid_c_content .wcid_c_content_left .wcid_li03{background:url(../img/wcid_03.png) center 15px no-repeat; background-size: 130px auto; background-color:#FFF;}
.What_can_I_do .wcid_c .wcid_c_content .wcid_c_content_left .wcid_li03:hover{background:url(../img/wcid_03s.png) center 15px no-repeat; background-size: 130px auto;background-color:#ff6600; color: #FFF;}
.What_can_I_do .wcid_c .wcid_c_content .wcid_c_content_left .wcid_li04{background:url(../img/wcid_04.png) center 15px no-repeat; background-size: 140px auto; background-color:#FFF;}
.What_can_I_do .wcid_c .wcid_c_content .wcid_c_content_left .wcid_li04:hover{background:url(../img/wcid_04s.png) center 15px no-repeat; background-size: 140px auto;background-color:#836FFF; color: #FFF;}
.What_can_I_do .wcid_c .wcid_c_content .wcid_c_content_left .wcid_li05{background:url(../img/wcid_05.png) center 15px no-repeat; background-size: 130px auto; background-color:#FFF;}
.What_can_I_do .wcid_c .wcid_c_content .wcid_c_content_left .wcid_li05:hover{background:url(../img/wcid_05s.png) center 15px no-repeat; background-size: 130px auto;background-color:#8B6508; color: #FFF;}
.What_can_I_do .wcid_c .wcid_c_content .wcid_c_content_left .wcid_li06{background:url(../img/wcid_06.png) center 15px no-repeat; background-size: 130px auto; background-color:#FFF;}
.What_can_I_do .wcid_c .wcid_c_content .wcid_c_content_left .wcid_li06:hover{background:url(../img/wcid_06s.png) center 15px no-repeat; background-size: 130px auto;background-color:#FF3030; color: #FFF;}
.What_can_I_do .wcid_c .wcid_c_content .wcid_c_content_left .wcid_li07{background:url(../img/wcid_07.png) center 15px no-repeat; background-size: 130px auto; background-color:#FFF;}
.What_can_I_do .wcid_c .wcid_c_content .wcid_c_content_left .wcid_li07:hover{background:url(../img/wcid_07s.png) center 15px no-repeat; background-size: 130px auto;background-color:#34495e; color: #FFF;}
.What_can_I_do .wcid_c .wcid_c_content .wcid_c_content_left .wcid_li08{background:url(../img/wcid_08.png) center 15px no-repeat; background-size: 130px auto; background-color:#FFF;}
.What_can_I_do .wcid_c .wcid_c_content .wcid_c_content_left .wcid_li08:hover{background:url(../img/wcid_08s.png) center 15px no-repeat; background-size: 130px auto;background-color:#52c0f5; color: #FFF;}
.What_can_I_do .wcid_c .wcid_c_content .wcid_c_content_left .wcid_li09{background:url(../img/wcid_09.png) center 15px no-repeat; background-size: 135px auto; background-color:#FFF;}
.What_can_I_do .wcid_c .wcid_c_content .wcid_c_content_left .wcid_li09:hover{background:url(../img/wcid_09s.png) center 15px no-repeat; background-size: 135px auto;background-color:#FFB90F; color: #FFF;}

.What_can_I_do .wcid_c .wcid_c_content .wcid_c_content_right{float: right; width: 500px;}
.What_can_I_do .wcid_c .wcid_c_content .wcid_c_content_right .index_introduction{width: 470px; padding: 15px; color:#FFF; background-color:#34495e;}
.What_can_I_do .wcid_c .wcid_c_content .wcid_c_content_right .index_introduction p{text-indent: 2em; line-height: 23px;}
.What_can_I_do .wcid_c .wcid_c_content .wcid_c_content_right .index_common_sense{width: 480px; height: 400px; padding: 10px; overflow: hidden; border-bottom-right-radius: 20px; margin-top: 18px; background-color:#eaeef2;}
.What_can_I_do .wcid_c .wcid_c_content .wcid_c_content_right .index_common_sense .wcid_l_t_title{font-size: 36px; padding-left: 10px; color:#34495e;}
.What_can_I_do .wcid_c .wcid_c_content .wcid_c_content_right .index_common_sense .wcid_l_t_title a{float: right; font-size: 16px; line-height: 60px;}

.index_jzcs{width:100%;height:340px;}
.index_jzcs p{display: block; font-size: 18px; line-height: 40px; padding-left: 25px; background:url(../img/list_ico.png) 8px 18px no-repeat;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.index_jzcs p span{font-size: 14px; color: #999; float:right; padding-right: 5px;}


/**************************太原企轩科技做好网站！关注访问量 更关注成交率！**************************/
.know-us{height: auto;width: 1200px;margin-right: auto;margin-left: auto;padding-top: 42px;padding-bottom: 25px;text-align: center;font-size: 14px;}
.know-us em{font-style: normal;color: #f6503a;}
.know-us strong{font-size: 50px; color: #444444;}
.know-us h2 strong{font-size: 18px; color: #444444;}
.know-us p{padding-top: 20px; font-size: 18px;}

.site_banner{/*height: 455px;*/ width: 100%; padding: 100px 0; background-image: url(../img/site_bg.jpg);background-position: center top;clear: both;float: none;}
.site_banner .know-us{padding-top: 40px;}
.site_banner .ico_con{clear: both;float: none;height: 225px;width: 1200px;margin-right: auto;margin-left: auto;overflow: hidden;padding-top: 0px;}
.site_banner .ico_con ul{width: 1300px;}
.site_banner .ico_con ul li{float: left;height: 218px;width: 218px;display: block;margin-right: 27px;background-color: #FFFFFF;text-align: center;}
.site_banner .ico_con ul li a{display: block;width: 218px;background-repeat: no-repeat;background-position: left top;height: 218px;}
.site_banner .ico_con ul li a img{border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;}
.site_banner .ico_con ul li a:hover{text-decoration: none;}
.site_banner .ico_con ul li a:hover strong{color: #F6503A;}
.site_banner .ico_con ul li a .ico{height: 140px;width: 218px;position: relative;overflow: hidden;}
.site_banner .ico_con ul li a .ico span{height: 140px;width: 218px;}
.site_banner .ico_con ul li:hover a .ico span img{-webkit-transform: scale(1.15);transform: scale(1.15);}
.site_banner .ico_con ul li a .ico span img{-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(1);transform: scale(1);}
.site_banner .ico_con ul li .i1{background-image: url(../img/ico_ppwzjs.gif);}
.site_banner .ico_con ul li .i2{background-image: url(../img/ico_wmwzjs.gif);}
.site_banner .ico_con ul li .i3{background-image: url(../img/ico_ppyxx.gif);}
.site_banner .ico_con ul li .i4{background-image: url(../img/ico_scjs.gif);}
.site_banner .ico_con ul li .i5{background-image: url(../img/ico_wwz.gif);}
.site_banner .ico_con ul li a p{color: #999999;font-family: Arial, Helvetica, sans-serif;}
.site_banner .ico_con ul li strong{font-size: 17px;display: block;padding-bottom: 5px;color: #444444;font-family: "微软雅黑";padding-top: 20px;}


/**************************我们的案例展示**************************/
.index-case{clear: both;float: none;background-color: #f6503a;padding-top: 100px;padding-bottom: 100px;}
.index-case .container{height: auto;width: 1200px;margin-right: auto;margin-left: auto;}
.index-case .container .tt{height: 108px;width: 1200px;text-align: center;position: relative;padding-top: 10px;padding-bottom: 15px;}
.index-case .container .tt .en-bg{z-index: 1;font-size: 120px;text-transform: uppercase;line-height: 78px;font-weight: bold;color: #f77668;font-family: "微软雅黑", Arial,;}
.index-case .container .text{z-index: 2;height: 78px;width: 1200px;position: absolute;top: 0px;font-size: 16px;color: #FFFFFF; /*padding-top: 30px;*/ line-height: 22px;}
.index-case .container .tt .text strong{font-size: 60px;display: block;padding-bottom: 28px;}
.index-case .container .tt .text p{font-size: 18px; line-height: 30px;}

.index_case{width: 1200px; margin: 0 auto; display: table;}
.index_case dl{float: left;width: 380px; background-color: #FFF; padding-bottom: 10px; margin: 10px 10px;}
.index_case dt{width: 380px; height: 250px; overflow: hidden;}
.index_case dt img{width: 380px; height: auto; display: block; margin: -70px auto 0 auto; z-index: -10;


	transition-delay: 0s;
	transition-duration: 1s;
	transition-property: all;
	transition-timing-function: ease;
	-ms-transition-delay: 0s;
	-ms-transition-duration: 1s;
	-ms-transition-property: all;
	-ms-transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
	-moz-transition-duration: 1s;
	-moz-transition-property: all;
	-moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
	-webkit-transition-duration: 1s;
	-webkit-transition-property: all;
	-webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
	-o-transition-duration: 1s;
	-o-transition-property: all;
	-o-transition-timing-function: ease;

}
.index_case dt img:hover {
	/*transform: scale(1.03, 1.03); 
	-ms-transform: scale(1.03, 1.03); 
	-webkit-transform: scale(1.03, 1.03);*/
	transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);  /* IE 9 */
	-moz-transform: scale(1.2, 1.2);   /* Firefox */
	-webkit-transform: scale(1.2, 1.2); /* Safari 和 Chrome */
	-o-transform: scale(1.2, 1.2);   /* Opera */
	 }
.index_case dt p{position:relative; font-size: 0px; top: 180px; height: 45px; z-index: 10; background-color: #000; opacity: 0.4;}
.index_case dt span{ width: 100%; color: #FFF; font-size: 18px; display:block; text-align: center; font-weight: bold; z-index: 11; opacity: 1; position:relative; top: 213px;}
.index_case dd{padding: 0 3%; width: 94%; padding-top: 5px; text-indent: 2em; height: 65px; overflow: hidden;}

.index_case_more{width: 1200px; margin: 25px auto;}
.index_case_more a{ color: #FFF; width: 100px; height: 35px; line-height: 35px; text-align: center; margin: 0 auto; display: block; border-radius: 20px; border:2px solid #FFF;}
.index_case_more a:hover{ background-color: #FFF; color: #f6503a; }



/* 企轩科技优势和服务 start */
.qd_serviceTitleBox {width: 100%; min-width: 1200px; margin-top:0px; }
.qd_serviceTitle {width: 1200px; margin: 0 auto; color:#FFF; font-size: 60px; padding-top: 0px; font-weight: bold;}
.qd_serviceTitle span{font-size: 24px; text-transform: uppercase; padding-left: 20px; font-weight: 100;}
.qd_serviceinfo{width: 1200px; margin: 0 auto; padding-top: 10px; font-size: 18px; color: #FFF;}
.qd_serviceBox {width: 100%; min-width: 1200px; padding:100px 0; background: transparent url("../img/qeerd_servicebg.jpg") no-repeat fixed center top/cover; }
.qd_service {width: 1200px; margin: 0 auto; text-align: center; color: #fff; }
.qd_serviceTxt ul {overflow: hidden;}
.qd_serviceOn {width: 106px; height: 66px; background-color: #fff; text-align: center; padding: 47px 44px 73px 36px; float: left; margin: 0px 7px; margin-top: 50px; transition: all 0.3s ease-in-out 0s; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.qd_serviceOn01 {width: 102px; height: 62px; border: solid 1px #fff; text-align: center; padding: 47px 44px 73px 36px; float: left; margin: 0px 7px; margin-top: 50px; transition: all 0.3s ease-in-out 0s; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.qd_serviceOn .qd_serviceOnT {width: 102px; font-size: 24px; color: #7ac20f; padding: 6px 6px; }
.qd_serviceOn .qd_serviceOnC {width: 102px; font-size: 14px; color: #666; font-weight: normal; padding: 6px 6px; border-top: solid 2px #7ac20f; border-bottom: solid 2px #7ac20f; }
.qd_serviceOn01 .qd_serviceOnT {width: 102px; font-size: 24px; color: #fff; padding: 6px 6px; }
.qd_serviceOn01 .qd_serviceOnC {width: 102px; font-size: 14px; color: #fff; font-weight: normal; padding: 6px 6px; border-top: solid 1px #fff; border-bottom: solid 1px #fff; }
.qd_serviceOn:hover {border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
.qd_serviceOn01:hover {background-color: #7ac20f; border: solid 1px #7ac20f; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; }
.qd_service .qd_serTxt {line-height: 60px; margin:10px 0; font-size: 18px;}
.qd_serJoinbtn {padding: 7px 24px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border: solid 2px #fff; color: #fff; transition: all 0.2s ease-in-out 0s; margin-top: 55px;}
.qd_serJoinbtn:hover {padding: 9px 26px; background-color: #7ac20f; border: none; }
/* 服务优势 end */


/**************************10年互联网经验、具性价比、担保交易0风险、客户评价**************************/
.index-service{height: auto;width: 1200px;margin-right: auto;margin-left: auto;/*padding-top: 40px;*/padding: 100px 0;}
.index-service .tt{background-image: url(../img/bg5.gif);background-repeat: repeat-x;background-position: bottom;height: 38px;}
.index-service .tt span{font-size: 17px;line-height: 36px;display: block;height: 37px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #F6503A;white-space: nowrap;float: left;padding-right: 12px;padding-left: 12px;}
.index-service .container{padding-top: 0px;}
.index-service .container .advantage{float: left;height: auto;width: 658px;}
.index-service .container #tab .tabList ul li{float:left;padding:0;width:217px;text-align:center;position:relative;cursor:pointer;line-height: 45px;height: 45px;margin-right: 2px;background-color: #e9e9e9;font-size: 15px;}
.index-service .container #tab .tabList ul li a{display: block;height: 45px;width: 217px;}
.index-service .container .advantage .tabCon{padding-top: 26px;clear: both;float: none;height: auto;width: 658px;position: relative;}
.index-service .container .advantage .tabCon img{float: left;margin-right: 15px;margin-top: 5px;}
.index-service .container #tab .tabCon div{opacity:0;filter:alpha(opacity=0);line-height: 28px;width: 658px;position: absolute;left: 0px;top: 0px;padding-top: 22px;}
.index-service .container #tab .tabList li a.selected{border-bottom:none;background-color: #f6503a;color: #FFFFFF;text-decoration: none;display: block;}
.index-service .container #tab .tabCon div.cur{opacity:1;filter:alpha(opacity=100);}
.index-service .container .witness{float: right;height: 240px;width: 472px;border: 1px solid #d6d6d6;padding-right: 15px;padding-bottom: 15px;padding-left: 15px;}
.index-service .container .witness .tit{height: 44px;font-size: 15px;line-height: 44px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #eaeaea;}
.index-service .container .witness .tit span{font-size: 12px;color: #F6503A;}
.index-service .container .witness .tit .button{float: right;padding-top: 11px;}
.index-service .container .witness .tit .button ul li{height: 25px;width: 27px;float: right;margin-left: 10px;background-color: #e9e9e9;line-height: 24px;text-align: center;background-image: url(../img/bg6.gif);background-repeat: no-repeat;background-position: center center;cursor: pointer;}
.index-service .container .witness .tit .button ul .r{background-image: url(../img/bg7.gif);}
.index-service .container .witness .con{height: 176px;width: 472px;padding-top: 18px;background-image: url(../img/bg8.gif);background-repeat: no-repeat;background-position: left 15px;}
.index-service .container .witness .con ul{width: 472px;height: 175px;display: block;}
.index-service .container .witness .con ul li{height: 176px;display: block;background-image: url(../img/bg8-.gif);background-repeat: no-repeat;background-position: right 120px;}
.index-service .container .witness .con ul li span{color: #F6503A;padding-left: 38px;}
.index-service .container .witness .con ul li p{height: 152px;font-size: 13px; text-indent: 2em; line-height: 24px;display: block;overflow: hidden;width: 432px;padding-left: 38px;}
.index-services{ background-image: url(../img/bgSection.png); background-color: #4bd6c0;padding: 100px;}
.index-services .container{height: auto;width: 1270px;margin-right: auto;margin-left: auto;}
.index-services .container .tt{text-align: center;}
.index-services .container .tt strong{display: block;font-size: 60px;color: #555;}
.index-services .container .tt p{padding-top:30px; font-size: 18px; color: #FFF;}
.index-services .container .se-list{height: 286px;padding-top: 50px;width: 1200px;margin-right: auto;margin-left: auto;}
.index-services .container .se-list ul li{float: left;height: auto;width: 240px;text-align: center; -webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.5s;transition-duration:.5s;}
.index-services .container .se-list ul li:hover{-webkit-transform:translateY(-5px)!important;transform:translateY(-5px)!important}
.index-services .container .se-list ul li strong{font-size: 22px;color: #f6503a;font-weight: normal;display: block;padding-top: 5px;padding-bottom: 6px;}
.index-services .container .se-list ul li .pic{background-image: url(../img/bg9.png);height: 140px;width: 164px;margin-right: auto;margin-left: auto;padding-top: 50px;}
.index-services .container .se-list ul li p{padding-right: 20px; padding-left: 20px; line-height: 24px; color: #FFF;}


/**************************成品网站、定制网站、手机网站**************************/
.index-website-shop{margin-top: 45px;height: auto;width: 1200px;margin-right: auto;margin-left: auto;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #D5D5D5;}
.website-shop{width:1200px;margin-right: auto;margin-bottom: 0;margin-left: auto;background-image: url(../img/bg5.gif);background-repeat: repeat-y;background-position: right;}
.website-shop .menu{height:78px;font-size:14px;width: 1199px;background-image: url(../img/bg5.gif);background-repeat: repeat-x;background-position: top;overflow: hidden;background-color: #F6F6F6;}
.website-shop .menu ul{width: 1400px;background-image: url(../img/bg5.gif);background-repeat: repeat-y;background-position: left;}
.website-shop .menu li{float:left;width:400px;text-align:center;height:67px;cursor:pointer;overflow:hidden;margin-top: 1px;font-size: 22px;padding-top: 10px;border-left-width: 1px;border-left-style: solid;border-left-color: #CCCCCC;background-image: url(../img/bg5.gif);background-repeat: repeat-x;background-position: bottom;}
.website-shop .menu li p{font-size: 12px;padding-top: 5px;}
.website-shop .menu li.on{color:#f6503a;height: 66px;border-top-width: 2px;border-top-style: solid;border-top-color: #F6503A;width: 400px;margin: 0px;font-size: 22px;padding-top: 10px;background-color: #fff;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #FEFEFE;background-image: none;}
.website-shop .menu li.on p{color: #666666;}
.website-shop .menudiv{height:auto;border-left:#cccccc solid 1px;border-right:#cccccc solid 1px;border-top:0;background:#fefefe}
.website-shop .menudiv div{line-height:28px;}.template-site{padding-top: 20px;padding-right: 42px;padding-bottom: 20px;padding-left: 42px;}
.template-site .features{padding-bottom: 5px;padding-top: 10px;}
.template-site .features .list{float: left;height: auto;width: 956px;}
.template-site .features .list span{float: left;height: auto;width: 318px;padding-bottom: 25px;}
.template-site .features .list span strong{font-size: 18px;font-weight: normal;}
.template-site .features .list span img{float: left;margin-top: 3px;margin-right: 10px;}
.template-site .features .price{float: right;height: auto;width: 155px;text-align: center;padding-top: 55px;}
.template-site .features .price strong{font-size: 24px;color: #ff1e00;}
.template-site .features .price a{display: block;height: 47px;width: 150px;background-image: url(../img/bg10.gif);line-height: 45px;font-size: 17px;font-weight: bold;color: #FFFFFF;margin-right: auto;margin-left: auto;}
.template-site .tt{background-image: url(../img/bg5.gif);background-repeat: repeat-x;background-position: bottom;height: 36px;line-height: 36px;font-size: 15px;}
.template-site .tt span{white-space: nowrap;display: block;padding-right: 15px;padding-left: 15px;float: left;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #F6503A;line-height: 34px;height: 35px;}
.template-site .site-loop{width: 1114px;overflow: hidden;}
.template-site .site-loop .dome1{width: 3000px;}
.template-site .site-loop .dome1 li{float: left; /*height: 224px;*/ width: 251px; padding-top: 25px;margin-right: 35px;}
.template-site .site-loop .dome1 li a{width: 250px; /*height: 200px;*/ display: block; overflow: hidden; border: 1px solid #d5d5d5; font-size: 0;}
.template-site .site-loop .dome1 li img{ width: 244px; padding-top: 3px; padding-bottom: 3px; height: auto; display: block; margin: 0 auto;}
.template-site .site-loop .dome1 li .s-yccpbt a{width: auto; height: auto; display: block; overflow: hidden; border: 0px solid #d5d5d5; font-size:14px;}
.template-site .site-loop .dome1 li .s-yccpbt h3{ font-weight: 100; font-size: 14px; text-align: center;}
.template-site .site-loop .dome1 li .s-yccpbt p{width: 250px; height: auto; line-height: 21px;}
.template-site .site-loop .dome1 li .title{padding-top: 6px;font-size: 20px;}
.template-site .site-loop .dome1 li .title span{font-size: 14px;float: right;}
.template-site .site-loop .dome1 li .title span em{font-style: normal;font-size: 16px;color: #f6503a;}
.template-site .tab{text-align: center;padding-top: 35px;padding-left: 495px;padding-bottom: 20px;overflow: hidden;}
.template-site .tab span{line-height: 26px;height: 26px;white-space: nowrap;float: left;margin-left: 10px;cursor: pointer;}
.template-site .tab .l{display: block;height: 26px;width: 26px;background-color: #e9e9e9;background-image: url(../img/bg6.gif);background-repeat: no-repeat;background-position: center;}
.template-site .tab .r{display: block;height: 26px;width: 26px;background-color: #e9e9e9;background-image: url(../img/bg7.gif);background-repeat: no-repeat;background-position: center;}
.template-site .tab span a{line-height: 26px;display: block;float: left;height: 26px;padding-right: 12px;padding-left: 12px;background-color: #f6503a;color: #FFFFFF;}
.template-site .tab span a:hover{text-decoration: none;}
.protection{height: 346px;background-image: url(../img/se_bg.jpg);width: 100%;background-repeat: no-repeat;background-position: center top;}
.protection .container{height: auto;width: 1178px;margin-right: auto;margin-left: auto;padding-top: 63px;line-height: 24px;}
.protection .container em{font-style: normal;color: #f6503a;}
.protection .container strong{font-size: 36px;display: block;padding-bottom: 12px;}
.protection .container .project{padding-top: 20px;}
.protection .container .project ul li{float: left;height: 29px;width: 109px;text-align: center;color: #FFFFFF;padding-top: 80px;margin-right: 30px;display: inline;}


/**************************成品网站、定制网站、手机网站**************************/
.one-stop-business-Service{width: 100%; padding: 100px 0; background-color: transparent; background-image: url(../img/ba3_meitu_1.jpg); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; }
.one-stop-business-Service .tt{text-align: center; color: #FFF;}
.one-stop-business-Service .tt strong{font-size: 60px; margin-bottom: 30px; display: block;}
.one-stop-business-Service .tt p{font-size: 27px; line-height: 55px;}

/**************************成品网站、定制网站、手机网站**************************/
.message{width: 100%; padding: 100px 0; background-color: transparent; background: url(../img/785db823433a18d92bacb29e9.png) #1f8cf9; background-position: center bottom; background-repeat: no-repeat;}
.message .tt{text-align: center; color: #FFF;}
.message .tt strong{font-size: 60px; margin-bottom: 30px; display: block;}
.message .tt p{font-size: 27px; line-height: 55px;}
.message .layui-form{margin: 50px auto 0 auto; width: 930px;}
.message .layui-input-inline{width: auto;}
.message .layui-input,.layui-btn{border-radius: 25px; padding: 25px 20px; border: none;}
.message .layui-btn{background-color: #faff72; color: #333; line-height: 2px;}
.message .layui-input-block{margin: 0; margin-left: -5px;}


.index-do-service {width: 100%; padding: 100px 0; background-color: transparent; background-image: url(../img/ba1_meitu_1.jpg); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; }
.index-do-service .tt{text-align: center; color: #FFF;}
.index-do-service .tt strong{font-size: 60px; margin-bottom: 30px; display: block;}
.index-do-service .tt p{font-size: 27px; line-height: 55px;}
.index-do-service ul{display: table; margin: 30px auto 0 auto;}
.index-do-service li{float: left; width: 109px; height: 29px; padding-top: 80px; text-align: center; margin: 0 35px; color: #FFF;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.5s;transition-duration:.5s;}
.index-do-service li:hover{-webkit-transform:translateY(-5px)!important;transform:translateY(-5px)!important}
.index-do-service .ico_service_01{background: url(../img/ico_service_01.gif);}
.index-do-service .ico_service_02{background: url(../img/ico_service_02.gif);}
.index-do-service .ico_service_04{background: url(../img/ico_service_04.gif);}
.index-do-service .ico_service_05{background: url(../img/ico_service_05.gif);}

/**************************新闻资讯**************************/
.index-news{background-color: #eeeeee;padding-top: 45px;padding-right: 45px;padding-bottom: 10px;padding-left: 45px;}
.index-news .container{height: auto;width: 1200px;margin-right: auto;margin-left: auto;}
.index-news .container .tt{background-image: url(../img/bg5.gif);background-repeat: repeat-x;background-position: bottom;height: 28px;}
.index-news .container .tt span{font-size: 18px;float: left;display: block;white-space: nowrap;height: 27px;padding-right: 12px;padding-left: 12px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #F6503A;}
.index-news .container .tt .more{float: right;padding-top: 7px;}
.index-news .container .tt .more a{display: block;height: 20px;width: 38px;background-color: #E3E3E3;background-image: url(../img/bg7.gif);background-repeat: no-repeat;background-position: 5px center;padding-left: 25px;}
.index-news .container .tt .more a:hover{color: #F6503A;text-decoration: none;background-color: #FFFFFF;}
.index-news .container .news-con{padding-top: 38px;height: auto;width: 1200px;}
.index-news .container .news-con .list li{height: 116px;width: 580px;float: left;margin-left: 10px;}
.index-news .container .news-con .list li .time{height: 43px;width: 48px;float: left;text-align: center;background-color: #666666;font-size: 24px;color: #FFFFFF;line-height: 24px;padding-top: 5px;margin-top: 3px;}
.index-news .container .news-con .list li:hover .time{background-color: #F6503A;}
.index-news .container .news-con .list li .time p{font-size: 11px;line-height: 12px;}
.index-news .container .news-con .list li .t{float: left;height: auto;width: 518px;margin-left: 10px;line-height: 22px;}
.index-news .container .news-con .list li .t p{padding-top: 6px;color: #888888;}
.index-news .container .news-con .list li .t a{font-size: 17px;color: #444444;line-height: 18px;}

/*************************首页为什么选择我们CSS样式*************************/
.WhyBos {width:100%; height:610px; /*border-bottom:1px solid #D5D1D2;*/}
.Why {width:1200px; height:610px; margin: 0 auto;}
.WhyLeft {width:755px; height:580px; float:left; }
.WhyLeft .top {width:650px; height:110px; float:left; background:url(../img/s_r24_c4.gif) no-repeat 20px 54px; padding-top:54px; padding-left:105px; }
.WhyLeft .topTitle {width:648px; height:41px; padding-left:2px; font-size:30px; font-weight:bold; color:#2a2b2c; padding-top:2px; }
.WhyLeft .topComs {width:648px; height:40px; padding-left:2px; font-size:12px; line-height:20px; }
.WhyLeft .pro {width:242px; height:184px; float:left; padding-left:22px; }
.WhyLeft .ser {width:242px; height:184px; float:left; }
.WhyLeft .pro img, .WhyLeft .ser img {padding-bottom:17px; }
.WhyLeft .poeComs {width:242px; height:63px; line-height:24px; }
.WhyLeftCom {width:755px; height:62px; float:left; padding-top:14px; }
.WhyLeftCom .fontStar {font-size:16px; }
.WhyLeftCom .fontH1 {font-size:28px; line-height:28px; font-weight:bold; color:#2A2B2c; }
.WhyLeftCom .fontcom {font-size:18px; color:#2A2B2c; }
.WhyLeftComBody {width:755px; height:105px; float:left; }
.WhyRight {width:440px; height:580px; float:left; }
.WhyRight .HeadTop {width:440px; height:42px; text-indent: 2em; background:url(../img/r19_c21.jpg) no-repeat left top; padding-top:138px; }
.WhyRight .bodys {width:440px; height:400px; background:url(../img/r20_c21.jpg) no-repeat 110px top; position:relative; }
.WhyRight .W_title1 {width:120px; height:20px; position:absolute; font-size:18px; top:38px; left:5px; color:#B898C1; filter:alpha(opacity=0); /*IE滤镜，透明度50%*/ -moz-opacity:0; /*Firefox私有，透明度50%*/ opacity:0;/*其他，透明度50%*/ }
.WhyRight .W_title2 {width:110px; height:56px; line-height:24px; position:absolute; font-size:20px; top:225px; left:40px; color:#F79357; filter:alpha(opacity=0); /*IE滤镜，透明度50%*/ -moz-opacity:0; /*Firefox私有，透明度50%*/ opacity:0;/*其他，透明度50%*/ }
.WhyRight .W_title3 {width:80px; height:22px; position:absolute; font-size:18px; top:94px; right:34px; color:#89A8C4; filter:alpha(opacity=0); /*IE滤镜，透明度50%*/ -moz-opacity:0; /*Firefox私有，透明度50%*/ opacity:0;/*其他，透明度50%*/ }
.WhyRight .W_title4 {width:120px; height:48px; position:absolute; line-height:24px; font-size:20px; top:192px; right:13px; color:#9F3968; filter:alpha(opacity=0); /*IE滤镜，透明度50%*/ -moz-opacity:0; /*Firefox私有，透明度50%*/ opacity:0;/*其他，透明度50%*/ }




.izl-rmenu{
	position:fixed;
	margin-left:532px;
	bottom:0px;
	padding-bottom:0px;
	background:url(../img/r_b.png) 0px bottom no-repeat;
	z-index:999;
	right: 0px;
}
.izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}
.izl-rmenu .btn-qq{background:url(../img/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../img/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;text-decoration:none;display:block;}
.izl-rmenu .btn-wx{background:url(../img/r_wx.png) 0px 0px no-repeat;background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../img/r_phone.png) 0px 0px no-repeat;background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;}
.izl-rmenu .btn-top{background:url(../img/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}


/**************************网站建设**************************/
#indexgs img{position: absolute;}
.pinpai #indexgs{position: absolute;left: -20px;top: 250px;}
#indexg2{left: 10px;top: 1000px;z-index: 100000;position: absolute;right: 400px;height: 415px;width: 551px;margin-right: 200px;}
#indexg1{left: -650px; top: 1000px; position: absolute}
#indexg0{left: 0; top: 1000px; position: absolute;}
.pinpai{clear: both;float: none;height: 750px;width: 1200px;margin-right: auto;margin-left: auto;position: relative;overflow: hidden;}
.pop_text{width: 1200px;position: absolute;z-index: 55555555555;text-align: center;padding-top: 50px;height: auto;left: 0px;top: 0px;}
.pop_text h2,.pop_text h1,.pop_text h3,.pop_text h4,.pop_text h5,.pop_text h6{font-size: 28px;color: #444444;}
.pop_text em{font-style: normal;display: block;padding-top: 10px;padding-bottom: 20px;font-size: 24px;}
.pop_text p{font-size: 14px;line-height: 24px;}
.pop_text span a{height: 22px;width: 80px;display: block;margin-top: 20px;margin-right: auto;margin-left: auto;line-height: 22px;color: #f6503a;}
.pop_text span a .ico{font-size: 14px;line-height: 14px;height: 14px;width: 14px;float: left;margin-top: 3px;margin-left: 5px;}
.marketing_type{clear: left;float: none;height: 580px;width: 100%;border-top-width: 1px;border-top-style: solid;border-top-color: #e1e1e1;}
.marketing_type .container{height: 580px;width: 1200px;margin-right: auto;margin-left: auto;position: relative;background-image: url(../img/yxsimg.jpg);background-repeat: no-repeat;background-position: center bottom;}
.trade_website{clear: both;float: none;height: 600px;width: 100%;margin-right: auto;margin-left: auto;background-image: url(../img/bg24.gif);background-repeat: repeat-x;background-position: top;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #e1e1e1;}
.trade_website .box{height: 600px;width: 1200px;position: relative;margin-right: auto;margin-left: auto;}
.trade_website .box .container{height: 610px;width: 1200px;margin-right: auto;margin-left: auto;position: relative;}
.trade_website .box .container .pop_text{text-align: left;z-index: 2;padding-left: 20px;}
.trade_website .box .container .pop_text span a{margin-top: 20px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;}
.trade_website .box .container .pop_text span a .ico{margin-left: 0px;margin-right: 5px;}
.trade_website .box .container .img{position: absolute;z-index: 1;left: 0px;bottom: 0px;}
.mobile_site{height: 556px;width: 100%;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #e1e1e1;}
.mobile_site .container{clear: both;float: none;height: 556px;width: 1200px;margin-right: auto;margin-left: auto;background-image: url(../img/sjwz_img.jpg);background-repeat: no-repeat;background-position: left bottom;position: relative;}
.mobile_site .container .pop_text{width: 518px;position: absolute;top: 100px;z-index: 111;height: auto;left: 630px;text-align: left;}
.mobile_site .container .pop_text span a{margin-top: 15px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;}
.seo_superiority{height: 560px;width: 100%;}
.seo_superiority .container{height: 560px;width: 1200px;margin-right: auto;margin-left: auto;position: relative;}
.seo_superiority .container .list{width: 1200px;padding-top: 148px;}
.seo_superiority .container .list ul li{float: left;height: 200px;width: 240px;text-align: center;}
.seo_superiority .container .list ul li p{font-size: 14px;line-height: 24px;padding-top: 10px;}


/**************************云主机**************************/
.yzj_banner{background-image: url(../img/wzj_banner.jpg);background-repeat: no-repeat;background-position: center center;height: 400px;width: 100%;}
.yzj_technology{height: 341px;}
.yzj_container{width: 1200px;margin-right: auto;margin-left: auto;position: relative;background-repeat: no-repeat;}
.yzj_container .text2{position: absolute;height: auto;z-index: 1;font-size: 16px;line-height: 28px;}
.yzj_container .text2 strong{font-size: 28px;color: #444444;display: block;padding-bottom: 15px;}
.yzj_ty{}

.xunizhuji{width: 1200px; margin: 30px auto; display: table;}
.xunizhuji td{padding: 5px; line-height: 28px;}

table {
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
    border-spacing: 2px;
    border-color: grey;
}

/**************************经典案例**************************/
.case_banner{height: 350px;width: 100%;background-image: url(../img/al_banner.jpg);background-repeat: no-repeat;background-position: center;}
.case_tt{text-align: center;padding-top: 30px;padding-bottom: 25px;font-size: 30px;height: auto;width: 1200px;margin-right: auto;margin-left: auto;background-image: url(../img/bg30.gif);background-repeat: repeat-x;background-position: center 50px;}
.case_tt a{background-color: #FFFFFF;padding-right: 10px;padding-left: 10px;}
.case_menu{height: 36px;width: 1200px;margin-right: auto;margin-left: auto;}
.case_menu span{display: block;height: 36px;float: left;padding-right: 10px;}
.case_menu span a{line-height: 34px;height: 34px;padding-right: 12px;padding-left: 12px;border: 1px solid #d8d8d8;display: block;}
.case_menu span a:hover, .case_menu span .curr{color: #FFFFFF;background-color: #f6503a;border-top-color: #f6503a;border-right-color: #f6503a;border-bottom-color: #f6503a;border-left-color: #f6503a;}
.case_menu .search{float: right;height: 32px;width: 240px;border: 2px solid #F6503A;}
.case_menu .search .search_box{float: left;height: 32px;width: 196px;}
.case_menu .search .search_box input{height: 28px;width: 160px;border: 1px solid #FFFFFF;background-image: url(../img/bg31.gif);background-repeat: no-repeat;background-position: 10px center;padding-left: 30px;color: #888888;outline:none;}
.case_menu .search .button{float: right;height: 32px;width: 43px;background-color: #F6503A;}
.case_menu .search .button input{height: 28px;width: 43px;background-color: #F6503A;font-family: "微软雅黑";font-size: 14px;font-weight: bold;color: #FFFFFF;border: 1px solid #F6503A;outline:none;cursor: pointer;}
.case_menu .current{color: #FFFFFF; background-color: #f6503a;}
.case_list{clear: both;float: none;height: auto;width: 1200px;margin-right: auto;margin-left: auto;padding-bottom: 30px;overflow: hidden;}
.case_list ul{width: 1300px;}
.case_list ul li{float: left; /*height: 436px;*/ width: 275px;border: 1px solid #e1e1e1;margin-right: 30px;margin-top: 31px;}
.case_list ul li img{max-width: 100%;}
.case_list ul li .name{height: 50px;padding-top: 10px;padding-left: 10px;line-height: 20px;color: #F6503A;}
.case_list ul li .name a{color: #444444;}
.case_list ul li .brief{background-color: #fcfcfd;line-height: 22px;height: 61px;border-top-width: 1px;border-top-style: solid;border-top-color: #E1E1E1;padding-left: 10px;padding-right: 10px;padding-top: 8px;overflow: hidden;color: #888888;}

.case_con{height: auto;width: 100%; margin-right: auto;margin-left: auto;/*background-image: url(../img/bg32.gif); background-repeat: repeat-y;*/background-position: right top;margin-bottom: 25px; background-color:#333;}
.case_con .pic_list{float:right;height: auto;width: 80%; padding: 1% 0; overflow: hidden; background-color:#999;}
.case_con .pic_list img{margin: 0 auto; display:block;}
.case_con .pic_list .box{background-color: #FAFAFA; width: 100%; overflow: hidden;}
.case_con .info{float:left;height:auto; width: 18%;padding:1%;}
.case_con .info a{line-height: 24px;color: #F6503A;}
.case_con .info .text{line-height: 22px;color: #888888;padding-top: 10px;padding-bottom: 20px; text-indent: 2em;}
.case_con .info .url a{height: 34px;width: 120px;display: block;line-height: 34px;background-color: #f6503a;color: #FFFFFF;}
.case_con .info .url a span{display: block;float: left;height: 16px;width: 16px;margin-top: 9px;margin-right: 5px;margin-left: 18px;font-size: 14px;line-height: 16px;}
.case_con .info h1{font-weight: normal;font-size: 20px;color: #CCC;}

/*分页代码开始*/
div.flickr{margin:0px;text-align:center;font-size:12px;text-align:center;clear: both;float: none;padding-top: 39px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;height: 30px;}
div.flickr li{float: left; border: #dedfde 1px solid; padding: 7px; margin-right: 8px;}
div.flickr a{padding-right: 11px;background-position: 50% bottom;padding-left: 11px;padding-bottom: 7px;margin-right: 3px;padding-top: 7px;text-decoration: none;color: #666666;}
div.flickr a:hover{background-image: none;color: #fff; background-color: #F6503A; border: 1px solid #F6503A;}
div.flickr a:active{ background-image: none; color: #fff; background-color: #0061de;}
div.flickr span{padding-right: 0px; padding-left: 0px; padding-bottom: 0px; color: #999; margin-right: 0px; padding-top: 0px;}0
div.flickr#thisclass{ background-color: #F6503A;}
div.flickr span.disabled{padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #adaaad; margin-right: 3px; padding-top: 2px;}

/*您的位置*/
.location{height: auto;width: 1185px;margin-right: auto;margin-left: auto;padding-top: 24px;padding-bottom: 14px;color: #888888;padding-left: 15px;}
.location span{display: block;float: left;height: 14px;width: 14px;margin-top: 3px;margin-right: 3px;color: #BBBBBB;}
.location a{color: #888888;}

/**************************新闻动态**************************/
.site_filter{background-color: #fafafa;width: 1160px;margin-right: auto;margin-left: auto;padding-right: 20px;padding-left: 20px;padding-top: 10px;position: relative;padding-bottom: 10px;}
/* select */
.site_filter .select{border-radius:4px;font-size:12px;margin-right: auto;margin-left: auto;}
.site_filter .select li{list-style:none;padding-top: 10px;padding-right: 0;padding-bottom: 5px;padding-left: 100px;}
.site_filter .select .select-list{}
.site_filter .select dl{zoom:1;position:relative;line-height:24px;padding: 0px;margin: 0px;}
.site_filter .select dl:after{content:" ";display:block;clear:both;height:0;overflow:hidden}
.site_filter .select dt{width:90px;margin-bottom:5px;position:absolute;top:0;left:-100px;color:#F6503A;height:24px;line-height:24px;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 10px;}
.site_filter .select dd{float:left;display:inline;padding: 0px;margin-top: 0;margin-right: 0;margin-bottom: 0px;margin-left: 5px;}
.site_filter .select dd .current{color: #FFFFFF; background-color: #f6503a;}
.site_filter .select .color dd{padding-right: 10px;margin-right: 0px;}
.site_filter .select .color dd a{padding-right: 0px;padding-left: 0px;}
.site_filter .select .color dd span{display: block;float: left;height: 19px;width: 19px;background-position: bottom;}
.site_filter .select .color .selected a span {background-position: top; }
.site_filter  .select  .color  .selected  a {background-position: left top; background-color: transparent; }
.site_filter .select .hy dd{width: 170px;padding-right: 0px;padding-left: 0px;overflow: hidden;}
.site_filter .select a{display:inline-block;white-space:nowrap;height:24px;padding:0 10px;text-decoration:none;color:#444444;border-radius:2px;}
.site_filter .select a:hover{color:#F6503A;background-color:#F2F2F2}
.site_filter .select .selected a,.site_filter .select .curr a{color:#fff;background-color:#F6503A}
.site_filter .select-result dt{}
.site_filter .select-no{color:#999}
.site_filter .select .select-result a{padding-right:20px; color: #ef5215; background-color: #fffddb; background-image: url(../img/close.gif); background-repeat: no-repeat; background-position: right 9px; border: 1px solid #f8e8b7; }
.site_filter .select .select-result a:hover{background-position:right -15px}
.site_filter .search{position: absolute;z-index: 1000;height: 30px;width: 208px;right: 32px;bottom: 25px;background-color: #FFFFFF;border: 1px solid #d7d7d7;}
.site_filter .search span{float: right;}
.site_filter .search .keyword{float: left;}
.site_filter .search .keyword input{background-color: #FFFFFF;height: 27px;width: 160px;border: 1px solid #FFFFFF;float: left;background-image: none;cursor: text;padding-left: 10px;}
.site_filter .search span input{height: 28px;width: 30px;line-height: 28px;background-color: #FFFFFF;border: 1px solid #FFFFFF;color: #999999;background-image: url(../img/bg27.gif);background-repeat: no-repeat;background-position: center center;outline:none;cursor: pointer;}

.news_list {clear: both; float: none; height: auto; width: 1200px; margin-right: auto; margin-left: auto; padding-bottom: 30px; overflow: hidden; }
.news_list ul {width: 1300px; }
.news_list ul li {float: left; width: 544px; margin-top: 23px; height: 158px; display: block; background-color: #fafafa; margin-right: 23px; color: #999999; padding-top: 22px; padding-right: 22px; padding-left: 22px; } 
.news_list ul li em {color: #444444; font-size: 12px; font-style: normal; }
.news_list ul li:hover em {color: #FFFFFF; }
.news_list ul li:hover {background-color: #F6503A; color: #fbb5af; }
.news_list ul li:hover p {color: #fde3e1; }
.news_list ul li:hover a {color: #FFFFFF; }
.news_list ul li p {line-height: 22px; color: #888888; padding-top: 10px; padding-bottom: 10px; }
.news_list ul li a {font-size: 16px; color: #444444; }
.news_list ul li img {float: left; }
.news_list ul li .newspic {float: left; padding-right: 22px; }

.news_list .tt {font-size: 17px; font-weight: bold; padding-left: 10px; position: relative; }
.news_list .tt span {font-size: 12px; float: right; padding-right: 20px; }
.news_list .tt span a {font-weight: normal; color: #888888; }

.news_show_box {height: auto; width: 1200px; margin-right: auto; margin-left: auto; clear: both; float: none; padding-top: 20px; padding-bottom: 35px; }
.news_show_box h1 {font-size: 36px; margin-bottom: 25px; font-weight: bold; text-align: center; display: block; color: #3d3d3d; }
.news_show_box .time {line-height: 32px; text-align: center; color: #888888; }
.news_show_box .time em {font-style: normal; color: #444444; }
.news_show_box .content{line-height: 35px; padding-top: 18px; color: #3d3d3d; padding-right: 10px; padding-left: 10px; padding-bottom: 30px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e4e4e4; font-size: 18px; }
.news_show_box .content p{margin-bottom: 15px;}
.news_show_box .page_down {padding-top: 10px; height: auto; width: 1180px; margin-right: auto; margin-left: auto; padding-right: 10px; padding-left: 10px; line-height: 24px; color: #888888; }
.page_down .fenxiang {float: right; }

.news_show_box .page_down .previous {margin-top: 5px; }
.news_show_box  .page_down  .previous  span,.news_show_box .page_down .next span {display: block; float: left; height: 18px; width: 18px; margin-right: 5px; font-size: 16px; line-height: 18px; margin-top: 3px; }
.news_show_box .page_down .next {margin-top: 5px; }


/**************************品牌网站建设**************************/
.detail_page{background-repeat: no-repeat;background-position: center top;height: 490px;width: 100%;position: relative;padding: 0px;}
.detail_page .site_banner{background-repeat: no-repeat;background-position: center top;position: relative;height: 490px;padding: 0px;width: 1200px;background-image: none;margin-right: auto;margin-left: auto;}
.detail_page .site_banner .ico_con{padding-top: 35px;}
.detail_page .site_banner .explain,.detail_page .site_banner .explain1,.detail_page .site_banner .explain2,.detail_page .site_banner .explain3,.detail_page .site_banner .explain4{text-align: center;width: 1200px;position: absolute;z-index: 222;height: auto;top: 280px;}
.detail_page .site_banner .explain h1,.detail_page .site_banner .explain1 h1,.detail_page .site_banner .explain2 h1,.detail_page .site_banner .explain3 h1,.detail_page .site_banner .explain4 h1{color: #FFFFFF;font-size: 32px;}
.detail_page .site_banner .explain em,.detail_page .site_banner .explain1 em,.detail_page .site_banner .explain2 em,.detail_page .site_banner .explain3 em,.detail_page .site_banner .explain4 em{color: #f2ef9c;font-style: normal;display: block;font-size: 22px;padding-top: 5px;padding-bottom: 10px;text-shadow: #0eab7c 0 1px 0;}
.detail_page .site_banner .explain p,.detail_page .site_banner .explain1 p,.detail_page .site_banner .explain2 p,.detail_page .site_banner .explain3 p,.detail_page .site_banner .explain4 p{line-height: 22px;color: #FFFFFF;font-size: 14px;}
.detail_page .site_banner .explain h1{text-shadow: #007b56 0 1px 0;}
.detail_page .site_banner .explain1 h1{text-shadow: #7654a4 0 1px 0;}
.detail_page .site_banner .explain2 h1{text-shadow: #c56600 0 1px 0;}
.detail_page .site_banner .explain3 h1{text-shadow: #007b56 0 1px 0;}
.detail_page .site_banner .explain4 h1{text-shadow: #007b56 0 1px 0;}
.detail_page .site_banner .explain em{text-shadow: #0eab7c 0 1px 0;}
.detail_page .site_banner .explain1 em{color: #f8e273;text-shadow: #8a6bb4 0 1px 0;}
.detail_page .site_banner .explain2 em{text-shadow: #ef8305 0 1px 0;}
.detail_page .site_banner .explain3 em{text-shadow: #0eab7c 0 1px 0;}
.detail_page .site_banner .explain4 em{text-shadow: #0eab7c 0 1px 0;}
.detail_page .site_banner .explain p{text-shadow: #0eab7c 0 1px 0;}
.detail_page .site_banner .explain1 p{text-shadow: #8a6bb4 0 1px 0;}
.detail_page .site_banner .explain2 p{text-shadow: #c56600 0 1px 0;}
.detail_page .site_banner .explain3 p{text-shadow: #0eab7c 0 1px 0;}
.detail_page .site_banner .explain4 p{text-shadow: #0eab7c 0 1px 0;}
.detail_page .nav{height: 50px;width: 100%;position: absolute;z-index: 100000;left: 0px;bottom: 0px;background-image: url(../img/bg25.png);text-align: center;line-height: 50px;}
.detail_page .nav a{font-size: 18px;color: #FFFFFF;margin-right: 20px;margin-left: 20px;display: inline-block;}
.detail_page .nav a span{display: block;float: left;height: 20px;width: 20px;margin-top: 16px;margin-right: 3px;}

.showcontent{}
.showcontent .configuration{height: auto;width: 1200px;margin-right: auto;margin-left: auto;padding-top: 20px;}
.showcontent .configuration .tt{font-size: 28px;line-height: 28px;text-align: center;padding-bottom: 20px;}
.table1{background-color: #e1e1e1;}
.table1 tr td{padding: 15px;line-height: 24px;}
.table1 tr td li{clear: both;float: none;padding-top: 5px;padding-bottom: 5px;}
.table1 tr td li em{font-style: normal;color: #2bc28d;margin-right: 5px;font-size: 14px;line-height: 14px;float: left;margin-top: 4px;}
.table1 tr td strong{color: #333333;}
.table1 .t1 td{background-color: #FFFFFF;}
.table1 .t2 td{background-color: #fafafa;}

.mall_banner{height: 422px;width: 100%;background-image: url(../img/Mall_banner.jpg);background-repeat: no-repeat;background-position: center top;}
.mall_banner .container{width: 600px;margin-right: auto;margin-left: auto;padding-left: 560px;padding-top: 115px;padding-right: 40px;font-size: 14px;line-height: 24px;color: #FFFFFF;background-position: bottom;}
.mall_banner .container strong{font-size: 40px;display: block;padding-bottom: 25px;}
.mall_banner .container span{color: #FFFFFF;display: block;padding-top: 15px;font-size: 18px;}
.mall_banner .container span a{color: #FFFFFF;padding-left: 5px;font-size: 15px;line-height: 16px;}

.mall_con .line .container{height: auto;width: 1200px;margin-right: auto;margin-left: auto;background-repeat: no-repeat;position: relative;}
.mall_con .gray{background-color: #F3F3F3;}
.mall_con .line .container .text{position: absolute;z-index: 11;font-size: 14px;line-height: 24px;}
.mall_con .line .container .text strong{font-size: 28px;color: #444444;display: block;padding-bottom: 15px;}

.mobi_banner{background-image: url(../img/mobi_banner.jpg);background-repeat: no-repeat;background-position: center top;height: 400px;clear: both;float: none;}
.mobi_banner .container{height: 270px;width: 600px;margin-right: auto;margin-left: auto;font-size: 36px;line-height: 60px;color: #FFFFFF;font-weight: bold;padding-left: 600px;padding-top: 130px;}

.mobi_overview{background-color: #fafafa;height: 570px;width: 100%;}
.mobi_overview .container{height: 490px;width: 1200px;margin-right: auto;margin-left: auto;background-image: url(../img/mobi_001.jpg);background-repeat: no-repeat;background-position: center bottom;text-align: center;padding-top: 80px;font-size: 16px;line-height: 26px;}
.mobi_overview .container strong{font-size: 28px;color: #444444;}
.mobi_overview .container p{padding-top: 15px;}
.mobi_overview .container p strong{font-size: 16px;color: #ff5400;}
.mobi_feature{height: 582px;width: 100%;margin-right: auto;margin-left: auto;clear: both;float: none;}
.mobi_feature .container{height: 582px;width: 1200px;margin-right: auto;margin-left: auto;}
.mobi_feature .container .tt{font-size: 28px;color: #444444;text-align: center;height: 65px;font-weight: bold;padding-top: 40px;}
.mobi_feature .container .show{height: auto;width: 992px;margin-right: auto;margin-left: auto;}
.mobi_feature .container .show .dome{height: 371px;width: 992px;overflow: hidden;}
.mobi_feature .container .show .tab{background-image: url(../img/bg26.gif);height: 44px;width: 993px;}
.mobi_feature .container .show .tab ul li{font-size: 14px;line-height: 44px;float: left;padding-right: 36px;padding-left: 37px;height: 44px;overflow: hidden;}
.mobi_feature .container .show .tab ul li a.selected{font-weight: bold;color: #ff8400;text-decoration: none;}
.mobi_selling{height: 756px;width: 100%;background-color: #FAFAFA;}
.mobi_selling .container{width: 1200px;margin-right: auto;margin-left: auto;}
.mobi_selling .container .tt{font-size: 28px;color: #444444;text-align: center;line-height: 28px;height: 56px;font-weight: bold;padding-top: 60px;}
.mobi_selling ul{width: 1086px;margin-right: auto;margin-left: auto;}
.mobi_selling ul li{width: 260px;height: 260px;-webkit-background-size: 220px 220px;-moz-background-size: 220px 220px;background-size: 220px 220px;border-radius:50%;-webkit-transition: -webkit-transform 0.5s ease-out;-moz-transition: -moz-transform 0.5s ease-out;-o-transition: -o-transform 0.5s ease-out;-ms-transition: -ms-transform 0.5s ease-out;margin-top: 20px;margin-right: 50px;margin-bottom: 20;margin-left: 50px;border: 1px solid #dddddd;text-align: center;background-color: #FFFFFF;float: left;}
.mobi_selling ul li:hover{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.mobi_selling ul li p{font-size: 18px;padding-top: 15px;}
.mobi_selling ul li img{margin-top: 30px;}

.mobi_function{height: 512px;width: 100%;}
.mobi_function .container{height: auto;width: 1200px;margin-right: auto;margin-left: auto;padding-top: 60px;}
.mobi_function .container .tt{text-align: center;}
.mobi_function .container .tt p{font-size: 14px;line-height: 24px;padding-top: 15px;}
.mobi_function .container .tt p strong{font-size: 14px;color: #ff7800;}
.mobi_function .container .tt strong{font-size: 28px;color: #444444;}
.mobi_function .container .con{}
.mobi_function .container .con ul li{text-align: center;float: left;height: auto;width: 398px;line-height: 20px;margin-top: 50px;}
.mobi_function .container .con ul .line{border-right-width: 1px;border-right-style: solid;border-right-color: #eeeeee;}
.mobi_function .container .con ul li strong{display: block;font-size: 18px;font-weight: normal;color: #444444;padding-top: 10px;padding-bottom: 10px;}

/*************************微信开发*************************/
.wechat{width: 100%; margin: 0 auto; display: table; padding: 0px 0;}
.wechat .wechat_one{background: url(../img/198165.png) top center no-repeat; padding: 0 0 0 0;}
.wechat .wechat_one .cwoalf{width: 900px; display: table; padding: 150px 0; margin: 0 auto;}
.wechat .wechat_one .cwoalf_left{float: left; width: 330px; height: 527px; background: url(../img/1-1.png) no-repeat;}
.wechat .wechat_one .cwoalf_right{float:right; }
.wechat .wechat_one .cwoalf_right p{display: block; font-size: 48px; color: #323232; line-height: 76px;}
.wechat .wechat_one .cwoalf_right .t1{font-size: 60px; color: #357dd7; margin-bottom: 30px; margin-top: 60px;}
.wechat .wechat_one .cwoalf_right button{margin-top: 40px; border: 0; background: #357dd7; width: 190px; height: 52px; border-radius: 5px; color: #fff; font-size: 18px; cursor: pointer; -webkit-appearance: none; -webkit-transition: all .5s;    align-items: flex-start; text-align: center; text-rendering: auto; letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0px; text-shadow: none; display: inline-block; outline: none; border: 0; font-family: "微软雅黑"; }
.wechat .wechat_two{width: 100%; display: table; height: 807px; padding: 0 0; margin: 0 auto; background: url(../img/915649.png) top center no-repeat;}
.wechat .wechat_two .t1{width: 100%; text-align: center; font-size: 48px; margin-top: 50px; color: #333;}
.wechat .wechat_two .t2{width: 100%; text-align: center; font-size: 30px; margin-top: 20px; color: #666; }
.wechat .wechat_three{width: 100%; display: table; height: 480px; padding: 0 0; margin: 0 auto; background: url(../img/49816594.png) top center no-repeat;}
.wechat .page {width: 100%; position: relative; }
.wechat .page .full-img {display: block; position: relative; top: 0; width: 100%; height: 100%; }
.wechat .page1 {width: 100%; position: absolute; top: 100px; text-align: center; }
.wechat .page1 div {float: left; width: 50%; display: block; }
.wechat .page1 div p {margin-top: 50px; font-size: 60px; color: #357dd7; margin-bottom: 30px; }
.wechat .page1 div span {display: block; font-size: 48px; color: #323232; line-height: 76px; }
.wechat .page1 div button {margin-top: 40px; background: #357dd7; width: 190px; height: 52px; border-radius: 5px; color: #fff; font-size: 18px; cursor: pointer; }

.wechat .page1 div button:hover{opacity:0.8; }

.wechat .page1 div button img {margin-left: 10px; }
.wechat .left {text-align: left; }
.wechat .right {text-align: right; }
.wechat .text {position: absolute; top: 50px; width: 100%; text-align: center; }
.wechat .text p {font-size: 48px; color: #333; }
.wechat .text span,.wechat .text i {display: block; font-size: 30px; margin-top: 20px; color: #666; font-style: normal; }
.wechat .text i {font-size: 18px; }
#page3 {position: absolute; top: 200px; width: 1200px; left: 50%; margin-left: -600px; }
#page3 .page3-wrap {width: 200px; float: left; }
#page3 .page3-wrap .page3-icon {background: no-repeat center center; width: 135px; height: 135px; display: block; margin: 0 auto; border: 1px solid #b9b9b9; border-radius: 50%; }
#page3 .page3-wrap p {text-align: center; margin-top: 45px; font-size: 18px; color: #262626; }
#page3 .page3-wrap:nth-child(1) .page3-icon {background-image: url(../img/3-1.png); }
#page3 .page3-wrap:nth-child(1):hover .page3-icon {background-image: url(../img/3-1-2.png); border-color: #357dd7; }
#page3 .page3-wrap:nth-child(1):hover p {color: #357dd7; }
#page3 .page3-wrap:nth-child(2) .page3-icon {background-image: url(../img/3-2.png); }
#page3 .page3-wrap:nth-child(2):hover .page3-icon {background-image: url(../img/3-2-2.png); border-color: #357dd7; }
#page3 .page3-wrap:nth-child(2):hover p {color: #357dd7; }
#page3 .page3-wrap:nth-child(3) .page3-icon {background-image: url(../img/3-3.png); }
#page3 .page3-wrap:nth-child(3):hover .page3-icon {background-image: url(../img/3-3-2.png); border-color: #357dd7; }
#page3 .page3-wrap:nth-child(3):hover p {color: #357dd7; }
#page3 .page3-wrap:nth-child(4) .page3-icon {background-image: url(../img/3-4.png); }
#page3 .page3-wrap:nth-child(4):hover .page3-icon {background-image: url(../img/3-4-2.png); border-color: #357dd7; }
#page3 .page3-wrap:nth-child(4):hover p {color: #357dd7; }
#page3 .page3-wrap:nth-child(5) .page3-icon {background-image: url(../img/3-5.png); }
#page3 .page3-wrap:nth-child(5):hover .page3-icon {background-image: url(../img/3-5-2.png); border-color: #357dd7; }
#page3 .page3-wrap:nth-child(5):hover p {color: #357dd7; }
#page3 .page3-wrap:nth-child(6) .page3-icon {background-image: url(../img/3-6.png); }
#page3 .page3-wrap:nth-child(6):hover .page3-icon {background-image: url(../img/3-6-2.png); border-color: #357dd7; }
#page3 .page3-wrap:nth-child(6):hover p {color: #357dd7; }
#page4 {position: absolute; top: 60px; width: 1200px; left:40%; margin-left:-550px; }
#page4 .img-shouji {width: 350px; position: absolute; top: 0; right: 0; }
#page4 .show {width: 253px; position: absolute; right: 56px; top: 80px; text-align: left; }
#page4 .show-box {margin-left: 35px; padding-left: 30px; padding-top: 12px; border-left: 1px solid #fff; min-height: 40px; position: relative; }
#page4 .show-box div {float: left; }
#page4 .show-box .show-img {width: 48px; }
#page4 .show-box .show-text {width: 120px; color: #fff; }
#page4 .show-box .show-text p {font-size: 16px; }
#page4 .show-box .show-text span {display: block; margin-top: 8px; line-height: 18px; font-size: 12px; }
#page4 .show-box .i {display: block; width: 25px; height: 25px; background: rgba(255, 255, 255, 0.3); left: -12px; top: 10px; border-radius: 50%; position: absolute; }
#page4 .show-box .i .min-i {width: 19px; height: 19px; position: absolute; background: rgba(255, 255, 255, 0.5); border-radius: 50%; top: 3px; left: 3px; }
#page4 .show-box .i .min-i i {width: 11px; height: 11px; position: absolute; background: #ffffff; border-radius: 50%; top: 4px; left: 4px; }
#page4 .show-box .hover {background: rgba(0, 255, 66, 0.3); }
#page4 .show-box .hover .min-i {background: rgba(0, 255, 66, 0.5); }
#page4 .show-box .hover .min-i i {background: #00ff42; }
#page4 .page4-text {margin-top: 90px; margin-left: 50px; }
#page4 .page4-text p {color: #262626; font-size: 40px; }
#page4 .page4-text span {line-height: 42px; margin-top: 45px; display: block; font-size: 18px; color: #262626; }


.float {position: relative; width: 50%; float: left; min-height: 1px; }
.clear {clear: both; display: block; }
.page5-text {position: absolute; top: 0px; color: #fff; width: 100%; text-align: center; }
.page5-text div {display: inline-block; text-align: left; }
.page5-text p {font-size: 40px; }
.page5-text span {margin-top: 40px; display: block; font-size: 16px; line-height: 36px; }
.img5 {width: 1000px; position: absolute; top: 240px; left: 50%; margin-left: -500px; }
.img6 {display: block; margin: 0 auto; width: 1100px; overflow: hidden; }
.img6 img, .img6 div {width: 220px; height: 365px; position: relative; }
.img6 div {float: left; }
.img6 div p {display: none; position: absolute; background: rgba(78, 128, 197, 0.8); top: 42px; width: 157px; left: 34px; height: 278px; line-height: 278px; text-align: center; color: #fff; }
.img6 div:hover p {display: block; }
.img6 div:nth-child(2) p {left: 20px; width: 165px; }
.img6 div:nth-child(3) p, .img6 div:nth-child(4) p, .img6 div:nth-child(5) p {left: 32px; }
#page6 {padding-bottom: 75px; background: #f8f8f8; }
#page6 h1 {padding-top: 70px; padding-bottom: 40px; text-align: center; font-size: 48px; color: #262626; font-weight: normal; }
#page6 button {display: block; width: 260px; height: 62px; margin: 75px auto; margin-bottom: 0; color: #ffffff; font-size: 24px; background: #357dd7; border-bottom: 2px solid #014caa; border-radius: 5px; cursor: pointer; }
#page6 button:hover{opacity:0.8; }
#page7 {/*margin-bottom: 200px;*/ }
#page7 div {position: absolute; height: 132px; top: 50%; margin-top: -66px; text-align: center; width: 100%; }
#page7 div p {font-size: 36px; color: #262626; }
#page7 div button {margin-top: 45px; font-size: 20px; color: #262626; width: 190px; height: 48px; border: 1px solid #555858; border-radius: 5px; background: transparent; cursor: pointer; }
#page7 div button:hover {background: #357DD7; color: #fff; border-color: #357DD7; }




/*************************移动APP开发*************************/
.APPkaifa{width: 100%; display: table; margin: 0 auto;} /*solution-bg.jpg*/
/*app定制*/

/*-------------------移动app应用开发 --------------------*/


/*app定制*/

.itemBox{position:relative;z-index:2;}
.appTop,.serviceItems,.productBox,.marketWrap{width:100%;background:#fff;overflow:hidden;padding-bottom:75px;margin-top:20px;position:relative;z-index:2;}
.productBox{padding-bottom:0;}
.sectionTit{padding-top:80px;text-align: center;padding-bottom:60px;transition:0.5s 0.2s;}
.sectionTit h2{font-size:48px;font-family:"webfont";color:#333;-webkit-text-stroke-width: 0.2px;-webkit-font-smoothing: antialiased;}
.sectionTit span{display: block;width:215px;height:9px;background:url(../img/line.png) no-repeat;margin:20px auto;}
.sectionTit p{font-size:16px; line-height: 35px; color:#949494;}
.sectionTit2,.sectionTit3,.sectionTit4{-webkit-transform:translateY(-150px);transform:translateY(-150px);opacity:0;}
.sectionTit2.tits,.sectionTit3.tits,.sectionTit4.tits{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
.appWrap{width:1170px;margin:0 auto;}
.appItem{width:370px;float:left;margin-right: 30px;-webkit-transform:translateY(200px);transform:translateY(200px);opacity:0;transition:all .6s;}
.appItem:nth-child(1){transition-delay: 0.4s;}
.appItem:nth-child(2){transition-delay: 0.8s;}
.appItem:nth-child(3){transition-delay: 1.2s;}
.appItem.appItem1{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
.appItem:last-child{margin-right:0;}
.appImg{width:100%;position:relative;/*overflow: hidden;*/cursor: pointer;}
.appImg img{width:100%;transition:all .5s;}
.appImg span{position:absolute;left:10px;top:10px;width:350px;height:200px;border:solid 1px #ddd7d0;box-sizing: border-box;transition:all .5s;}
.swiper_app .appImg span{width:350px;height:200px;}
.appImg em{position:absolute;left:11px;width:92px;height:92px;background:#fff;z-index:1;bottom:-50px;border-radius: 50%;}
.appImg em i{font-family: "iconfont";color:#000;font-size:46px;display:inline-block;text-align: center;margin: 20px 0 0 23px;font-style: normal;}
.appItem h6,.swiper_app h6{margin-top:80px;font-size:16px;color:#000;padding-bottom:15px;transition:all .5s;}
.appItem p,.swiper_app p{font-size:14px;color:#999;line-height:24px;}
.appItem:hover span,.swiper_app:hover span{border:solid 1px #fff;-webkit-transform: scale(0.8);transform: scale(0.8);}
.appItem:hover h6,.swiper_app:hover h6{color:#ff5555;}
.appItem:hover .appImg img,.swiper_app:hover .appImg img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.appItem:hover em i,.swiper_app:hover em i{color:#ff5555;font-style: normal;}

.swiper-container09{width:100%;height:0;overflow:hidden;}
.swiper_app{width:370px;transition: all .6s;margin:0 auto;}

/*技术优势*/
.jsBox{width:100%;overflow:hidden;background:#fff;}
.gWidth{width:1170px;margin:0 auto;}
.jsTab{margin-bottom:60px;}
.jsItem{float:left;width:370px;text-align: center;margin-right:30px;-webkit-transform:translateX(-200px);transform:translateX(-200px);opacity:0;transition:all .7s;}
.jsItem.jsItem1{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;}
.jsItem:nth-child(1){transition-delay: 0.3s;}
.jsItem:nth-child(2){transition-delay: 0.6s;}
.jsItem:nth-child(3){transition-delay: 1.9s;}
.jsItem:last-child{margin-right:0;}
.jsItem .g_icon{font-size:60px;font-family: "iconfont";color:#ff5555;font-style: normal;}
.jsItem h6{margin:40px 0 20px;font-size:16px;color:#333;}
.jsItem span{width:100%;height:1px;background:#eff0f0;position:relative;display:block;}
.jsItem span em{position:absolute;left:0;top:0;width:0;height:1px;background:#ff5555;display:block;transition:all 1.5s;}
.jsItem p{margin-top:15px;font-size:14px;line-height:24px;color:#999;}
.jsItem:hover em{width:100%;}
.jsImgs{text-align: center;transition:all 1s 1.2s;-webkit-transform:translateY(180px);transform:translateY(180px);}
.jsImgs.jsImgs1{-webkit-transform:translateY(0);transform:translateY(0);}

/*服务领域*/
.serviceBox{width:100%;height:822px;background:url(../img/bg2.jpg) no-repeat;position:relative;overflow:hidden;}
.phone_dz{position:absolute;left:50%;bottom:0;margin-left:-250px;width:500px;height:560px;background:url(../img/shouji.png) no-repeat;transition:all 0.8s .2s;-webkit-transform:translateY(570px);transform:translateY(570px);background-size:100%;}
.phone_dz.phone_dz1{-webkit-transform:translateY(0);transform:translateY(0);}
.keyWord span{border-radius:50%;color:#fff;text-align: center;display:block;opacity:0;transition:all .4s;}
.keyWord .span1{position:absolute;left:12%;bottom:210px;width:128px;height:128px;line-height:128px;background:#f6c01f;font-size:36px;transition-delay: 1.2s;-webkit-transform:translateX(-70px);transform:translateX(-70px);}
.keyWord .span2{position:absolute;left:21%;bottom:348px;width:86px;height:86px;line-height:86px;background:#25d1b7;font-size:24px;transition-delay: 2s;-webkit-transform:translateY(-70px);transform:translateY(-70px);}
.keyWord .span3{position:absolute;left:26%;bottom:250px;width:93px;height:93px;line-height:93px;background:#f54e6a;font-size:30px;transition-delay: 2.6s;-webkit-transform:translateY(70px);transform:translateY(70px);}
.keyWord .span4{position:absolute;left:31%;bottom:355px;width:100px;height:100px;line-height:100px;background:#BB85F3;font-size:30px;transition-delay: 1.6s;-webkit-transform:translateY(-60px);transform:translateY(-60px);}
.keyWord .span5{position:absolute;left:35%;bottom:167px;width:154px;height:154px;line-height:154px;background:#27D1B3;font-size:36px;transition-delay: 3s;-webkit-transform:translateY(50px);transform:translateY(50px);}
.keyWord .span6{position:absolute;left:56%;bottom:300px;width:86px;height:86px;line-height:86px;background:#459BF5;font-size:24px;transition-delay: 2.4s;-webkit-transform:translateY(-60px);transform:translateY(-60px);}
.keyWord .span7{position:absolute;left:62.5%;bottom:216px;width:100px;height:100px;line-height:100px;background:#BB85F3;font-size:30px;transition-delay: 2.8s;-webkit-transform:translateY(60px);transform:translateY(60px);}
.keyWord .span8{position:absolute;left:67%;bottom:304px;width:155px;height:155px;line-height:155px;background:#F5BF1F;font-size:36px;transition-delay: 1.8s;-webkit-transform:translateY(-70px);transform:translateY(-70px);}
.keyWord .span9{position:absolute;left:75.5%;bottom:200px;width:100px;height:100px;line-height:100px;background:#FF5555;font-size:30px;transition-delay: 1.4s;-webkit-transform:translateY(70px);transform:translateY(70px);}
.keyWord .span10{position:absolute;left:84%;bottom:280px;width:72px;height:72px;line-height:72px;background:#23D1B7;font-size:24px;transition-delay: 2.2s;-webkit-transform:translateX(70px);transform:translateX(70px);}
.keyWord.keyWord2 .span1,.keyWord.keyWord2 .span10{-webkit-transform:translateX(0);transform:translateX(0);opacity: 1;}
.keyWord.keyWord2 .span2,.keyWord.keyWord2 .span3,.keyWord.keyWord2 .span4,.keyWord.keyWord2 .span5,.keyWord.keyWord2 .span6,.keyWord.keyWord2 .span7,.keyWord.keyWord2 .span8,.keyWord.keyWord2 .span9{-webkit-transform:translateY(0);transform:translateY(0);opacity: 1;}

.key_word{width:450px;margin:20px auto 0;text-align: center;display:none;}
.key_word span{display:inline-block;font-size:12px;font-family: "宋体";color:#999;height: 26px;line-height:26px;text-align: center;margin-right:5px;margin-bottom:7px;border:solid 1px #999;width:100px;background:#fff;}

/*立即定制*/
.dz_bg{width:100%;height:290px;background:url(../img/bg3.jpg) #fff fixed no-repeat;background-size:cover;}
.dz_text{text-align: center;width:100%;padding-top:80px;}
.dz_text img{width:373px;}
.dz_text .dz_see2{margin:30px auto;display:block;width:184px;height:40px;border:solid 1px #fff;color:#fff;line-height:40px;text-align: center;font-size:16px;position:relative;transition: all .5s;z-index:1;}
.dz_text .dz_see2:before{content:"";position:absolute;left:0;top:0;background:#fff;width:0;height:100%;transition: all .5s;z-index:-1;}
.dz_text .dz_see2:hover:before{width:100%;}
.dz_text .dz_see2:hover{color:#000;}


/*************************400电话*************************/
.w1200{width: 1200px; margin: 0 auto 20px auto; display: table; }
.mlr10 {margin: 0 10px; }
.solution .s_h{font-size: 48px; color: #333333; text-align: center; margin-top: 80px; }
.solution h5{font-size: 18px; color: #666666; text-align: center; margin: 30px auto 50px auto; }
.solution .s_h3{font-size: 20px; color: #666666; text-align: center; margin: 20px auto; }
.solution ul li{width: 232px; height: 370px; /*background-color: #ffbe5a;*/ float: left; position: relative; overflow: hidden; background-color: #f8f8f8; }
.solution ul li img.shizijia{position: absolute; top: -55px; left: 92px; -webkit-transform: translate3d(0,0px,0)/*translate3d(0,-80px,0)*/; transform: translate3d(0,0px,0)/*translate3d(0,-80px,0)*/; }
.solution ul li:hover img.shizijia{-webkit-transform: translate3d(0,110px,0)/*translate3d(0,-80px,0)*/; transform: translate3d(0,110px,0)/*translate3d(0,-80px,0)*/; z-index: 6; }
.solution ul li div img,.solution ul li img.shizijia,.solution ul li{transition: all 0.5s ease; -webkit-transition:  all 0.5s ease; -o-transition:  all 0.5s ease; -moz-transition:  all 0.5s ease; }
.solution ul li div.effect-bubba{overflow: hidden; height: 153px; }
.solution ul li:hover div img{transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); }
div.effect-bubba div.figcaption::before,div.effect-bubba div.figcaption::after {position: absolute; top: 30px; right: 30px; bottom: 240px; left: 30px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; -moz-transition: opacity 0.35s, -webkit-transform 0.35s; -ms-transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
div.effect-bubba div.figcaption::before {border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); }
 div.effect-bubba div.figcaption::after {border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); -moz-transform: scale(1,0); -ms-transform: scale(1,0); -o-transform: scale(1,0); transform: scale(1,0); }
.solution ul li:hover div.figcaption::before,.solution ul li:hover div.figcaption::after {opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.solution ul li:hover{background-color: #ffbe5a; }
.solution ul li:hover p,.solution ul li:hover h3{color: #ffffff; }
.solution ul li:hover a{background-color: #ff9e09; color: #ffffff; box-shadow: 2px 2px 2px #ba6515; }
.solution ul li p{font-size: 14px; color: #888888; text-align: justify; padding: 0 20px; height: 96px; }
.solution ul li a{background-color: #e4e2e2; font-size: 14px; color: #666666; display: inline-block; width: 120px; height: 30px; text-align: center; line-height: 30px; border-radius: 5px; margin: 10px auto auto 56px; }

/*************************SEOyouhua*************************/
.SEO_banner{color:#FFF; background-image: url(../img/index_system_bg.jpg);background-repeat: no-repeat;background-position: center center;height: 500px;width: 100%;}
.SEO_banner .index_mid_title{width: 1200px; font-size: 48px; font-weight: bold; padding: 45px 0 15px 0; margin: 0 auto;letter-spacing:5px;}
.SEO_banner .index_problem_right{ width: 1100px; padding-left: 100px; padding-top: 20px; margin: 0 auto; line-height: 30px; background: url(../img/4165.png) right no-repeat; background-size: auto 350px;}
.SEO_banner .index_problem_right li{margin-top: 20px;}
.SEO_banner .index_problem_right .a1,.a2,.a3,.a4{ font-size: 16px; }
.SEO_banner .index_problem_right span{font-size: 24px;}
.SEO_banner .index_problem_right font{font-weight: bold; color: red;}



.service_banner{background-image: url(../img/Service_banner.jpg);background-repeat: no-repeat;background-position: center;height: 350px;width: 100%;}
.service_about{height: 275px;width: 100%;clear: both;float: none;}
.service_about .container{height: 205px;width: 1130px;margin-right: auto;margin-left: auto;padding-left: 42px;padding-right: 28px;padding-top: 70px;}
.service_about .container .left{float: left;height: auto;width: 460px;}
.service_about .container .left strong{font-size: 28px;color: #444444;}
.service_about .container .left p{font-size: 14px;line-height: 22px;padding-top: 15px;}
.service_about .container .left .tel{height: 36px;width: 266px;margin-top: 25px;font-size: 14px;line-height: 34px;font-weight: bold;color: #FFFFFF;background-color: #f6503a;}
.service_about .container .left .tel em{font-style: normal;padding-left: 15px;}
.service_about .container .left .tel span{float: right;display: block;height: 34px;border: 1px solid #d9d9d9;background-color: #FFFFFF;color: #F6503A;width: 130px;text-align: center;}
.service_about .container .right{float: right;width: 600px;}
.service_about .container .right .project{padding-top: 20px;}
.service_about .container .right .project ul li{float: right;height: 29px;width: 109px;text-align: center;color: #FFFFFF;padding-top: 80px;display: inline;margin-left: 30px;}

.se_strength .container{height: 197px;width: 600px;margin-right: auto;margin-left: auto;background-repeat: no-repeat;background-position: left bottom;padding-left: 580px;padding-top: 100px;padding-right: 20px;font-size: 14px;line-height: 22px;}
.se_strength .container strong,.se_hardware .container strong{font-size: 28px;color: #444444;display: block;padding-bottom: 15px;}
.se_hardware{height: 300px;width: 100%;}
.se_hardware .container{background-image: url(../img/service_02.jpg);background-repeat: no-repeat;background-position: right;height: 220px;width: 1160px;margin-right: auto;margin-left: auto;padding-left: 40px;padding-top: 80px;font-size: 14px;line-height: 22px;}

/*************************公司资质展示*************************/
.about_banner{background-image: url(../img/about_banner.jpg);background-repeat: no-repeat;background-position: center;height: 254px;}
.about_con1{height: 812px;background-image: url(../img/about_09.jpg); background-repeat: no-repeat; background-position: center 370px; width: 1200px;margin-right: auto;margin-left: auto;position: relative;}
.about_con1 .tt{text-align: center;padding-top: 72px;font-size: 48px;color: #444444;font-weight: bold;}
.about_con1 .text{width: 588px;position: absolute;left: 447px;top: 160px; line-height: 35px;background-image: url(../img/bg33.gif); background-repeat: no-repeat; background-position: 0px 13px; text-indent: 25px; font-size: 18px;}
.about_con1 .text h2{margin-bottom: 20px;}
.about_work{background-color: #f6f6f6; height: 702px;background-image: url(../img/about_13.jpg);background-repeat: no-repeat;background-position: center 190px;text-align: center; font-size: 48px;font-weight: bold;color: #444444; padding-top: 70px;}
.about_culture{height: 650px;background-image: url(../img/about_17.jpg);background-repeat: no-repeat;background-position: center 370px;text-align: center;padding-top: 70px;line-height: 24px;}
.about_culture strong{font-size: 48px;color: #444444;}
.about_culture .text3{font-size: 24px;color: #888888;padding-top: 40px;}
.about_culture .text4{font-weight: bold;padding-top: 15px; line-height: 35px;}
.about_culture p{font-size: 18px; line-height: 35px;}
.about_honor{background-color: #f6f6f6;height: 436px;}
.about_honor .tt{font-size: 28px;font-weight: bold;color: #444444;text-align: center;padding-top: 50px;}
.about_honor .box{height: auto;width: 988px;margin-top: 40px;margin-right: auto;margin-left: auto;overflow: hidden;}
.about_honor .box ul{width: 5000px;}
.about_honor .box ul li{text-align: center;float: left;width: 312px;margin-right: 26px;}
.about_honor .box ul li p{padding-top: 6px;}


/*************************联系我们部分CSS样式*************************/
.lianxi_bgimg{width: 100%; height: 400px; background:url(../img/conbanner.jpg) no-repeat;}
.lianxi_bgimg b{font-size: 24px;}
.lianxi_bgimg span{width: 1000px; display:block; padding-top: 100px; font-weight: bold; margin: 0 auto; font-size: 48px;}
.lianxi_bgimg span p{font-size: 18px; font-weight: 100; line-height: 35px; padding-top: 10px;}
.lianxi_content{width: 1200px; margin: 0 auto; display: table; padding: 70px 0;}
.lianxi_content_left{float: left; width: 600px; font-size: 16px; line-height: 42px;}
.lianxi_content_left strong{font-size: 24px;}
.lianxi_content_right{float: right; width: 500px;}
.lianxi_content_right_title{font-size: 20px; padding-bottom: 15px;}
.lianxi_content_right_title p{display: block;text-transform: uppercase; font-size: 36px;}
.lianxi_content_right input,textarea{width: 400px; border:1px solid #DDD; padding: 10px; font-size: 16px; font-family: "微软雅黑"; margin-bottom: 10px; border-radius: 3px;}
.lianxi_content_right #txtTitle{}
.lianxi_content_right #btnSubmit{width: 453px; height: 48px; border:0; padding: 0; margin: 0;}


/*************************搜索部分CSS样式*************************/
.w960 {width: 1200px; margin: 0 auto; margin-bottom: 20px; /* position: relative; */ }
.pleft {float: left; width: 860px; }
.pleft .place {padding: 10px 0; background-color: #F1F1F1; padding-left: 15px; margin-bottom: 20px; }
.pleft .listbox li {display: table; margin: 25px 0; border-bottom: 1px dotted #DDD; padding-bottom: 25px; }
.pleft .listbox li .preview {float: left; margin-right: 20px; }
.pleft .listbox li .title {font-size: 18px; display: block; line-height: 32px; }
.pleft .listbox li .info {line-height: 32px; color: #999; }
.pleft .listbox li .intro {line-height: 25px; text-indent: 2em; }
.dede_pages {padding: 20px 0; }
.pright {float: right; width: 320px; }
.pright dl {margin-bottom: 20px; display: table; }
.pright dt {display: block; border-bottom: 1px solid #f6503a; }
.pright dt strong {font-size: 16px; line-height: 35px; height: 35px; width: 100px; text-align: center; display: block; background-color: #f6503a; color: #FFF; }
.pright dd {padding-top: 10px; }
.pright .commend {width: 320px; }
.pright .mt1 {margin-top: 0px; }
.pright .hot {width: 320px; }
.pright li {width: 100%; line-height: 30px; height: 30px; font-size: 16px; display: block; padding-left: 22px; overflow: hidden; background: url(../img/list_ico.png) 8px 12px no-repeat; }
































