f*{margin:0;padding:0;}

html{overflow-x: hidden;font-size:100px;}

body {font-size:12px;font-family:"微软雅黑","宋体",Arial;line-height: 14px;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,table,tbody,tfoot,thead,th,td,input,textarea,fieldset,p,blockquote,span,strong,small,b,img,footer,header,menu,nav,section{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img {border:0;}

address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}

ol,ul,li{list-style:none;}

a{text-decoration:none;color:#000000;}

a:link,a:visited{text-decoration:none}

a:hover,a:active{text-decoration:none;}

.left{ float: left;}

.right{ float: right;}

.clearfix:after{display: block;  content: '';  clear: both;  visibility: hidden; }

.main{width: 1300px;margin: 0 auto;}

.w1200{width: 1200px;margin: 0 auto;}

/*bread_1*/
.bread_1{width: 100%;height: 33px;line-height: 33px;padding: 10px 0;color: #666;font-size: 14px;}
.bread_1 i{color: #333;margin-right: 8px}
.bread_1 a{font-size: 14px;color: #666;}
.bread_1 a:hover{color: #009FD9;}

/***********************手机隐藏***********************/

.moheader,

.monyheader,

.mo-more,

.mo-detail-list,

.mo-back,

.mo-search,

.mo-main5,

.navlist,

.monybanner,

.mo-footer,

.mo-wrapper,

.index_banner,

.actGotop,

.suspension,

.mofy{display: none;}

@font-face {

    font-family: "DinC";

    src: url("../font/DinC.woff2") format("woff2"),

    url("../font/DinC.ttf") format("truetype"),

    url("../font/DinC.eot") format("embedded-opentype");

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: "SourceHanSansCN-Normal";

    src: url("../font/SourceHanSansCN-Normal.woff2") format("woff2"),

    url("../font/SourceHanSansCN-Normal.woff") format("woff"),

    url("../font/SourceHanSansCN-Normal.ttf") format("truetype"),

    url("../font/SourceHanSansCN-Normal.eot") format("embedded-opentype"),

    url("../font/SourceHanSansCN-Normal.svg") format("svg");

    url("../font/SourceHanSansCN-Normal.otf") format("opentype");

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: "AVGARDM_0";

    src: url("../font/AVGARDM_0.woff2") format("woff2"),

    url("../font/AVGARDM_0.woff") format("woff"),

    url("../font/AVGARDM_0.ttf") format("truetype"),

    url("../font/AVGARDM_0.eot") format("embedded-opentype"),

    url("../font/AVGARDM_0.svg") format("svg"),

    url("../font/AVGARDM_0.otf") format("opentype");

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: "AVGARDMI_0";

    src: url("../font/AVGARDMI_0.woff2") format("woff2"),

    url("../font/AVGARDMI_0.woff") format("woff"),

    url("../font/AVGARDMI_0.ttf") format("truetype"),

    url("../font/AVGARDMI_0.eot") format("embedded-opentype"),

    url("../font/AVGARDMI_0.svg") format("svg"),

    url("../font/AVGARDMI_0.otf") format("opentype");

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: "AkzidenzGrotesk-Light";

    src: url("../font/AkzidenzGrotesk-Light.woff2") format("woff2"),

    url("../font/AkzidenzGrotesk-Light.woff") format("woff"),

    url("../font/AkzidenzGrotesk-Light.ttf") format("truetype"),

    url("../font/AkzidenzGrotesk-Light.eot") format("embedded-opentype"),

    url("../font/AkzidenzGrotesk-Light.svg") format("svg"),

    url("../font/AkzidenzGrotesk-Light.otf") format("opentype");

    font-weight: normal;

    font-style: normal;

}

.navlist{ display: none !important;}

/***********************头部导航***********************/

.header{height:68px;  margin-top: 20px; position: relative; width: 100%; z-index: 3; }

.header .left{ display:block;  margin-left: 10px; width: 188px;}

.header .right li{float: left; height:54px; line-height: 46px;

    position: relative; z-index: 3; padding: 8px 25px 6px 25px; }

.header .right li .lord{font-size: 16px; color: #333333 }

.header .right li .lord:hover{color:#009fd9;}

.header .right li .active{color:#009fd9;}

.header .right li:hover .subnav{opacity:1; visibility:visible;



    -webkit-transform: translate(0, 0);

    -moz-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);}

.header .right .right-kuai{ height: 54px;  width: 162px;  margin: -8px 12px 0px 10px;  padding: 8px 0px 0px 0px;}

@media only screen and (min-width: 2559px) and (max-width: 200000px) {

    .header .left{ margin-left: 35px;}

    .header .right .right-kuai{   margin: -8px 30px 0px 5px; }

}





/*下拉*/

.subnav{position: absolute; z-index:2;

    top:68px;left:50%; margin-left: -100px;

    width:200px;

    padding: 10px 0px 10px 0px;

    background-color:#fff;border-top:2px solid #009fd9;opacity:0; visibility:hidden;



    -webkit-transform: translate(0, 20px);

    -moz-transform: translate(0, 20px);

    -ms-transform: translate(0, 20px);

    -o-transform: translate(0, 20px);

    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);

    -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);

    -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);

    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);

}

.subnav ul{ display: block; width: 100%; text-align: center; /* text-indent: 30px; */}

.subnav ul li{ display: block; width: 100%; float: none !important; position: relative;

    line-height: 35px !important;  height: 35px !important; padding:0px !important; font-size: 13px;}

.subnav ul li a{ color: #313131;  display: block;position:relative; }

.subnav ul li a:hover{  color: #009fd9;background-color:#f9f9f9; }

.subnav ul li a:after { content:''; display:block; width:10px; height:5px; overflow:hidden; background:url(/skin/img/nav_arr.png) -10px 0 no-repeat; position:absolute; right:20px; top:18px; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}

.subnav ul li a:hover:after { background-position:0 0;}

.subnav ul li:hover .three-nav{opacity:1; visibility:visible;



    -webkit-transform: translate(0, 0);

    -moz-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    -o-transform: translate(0, 0);}



/*三级下拉*/

.three-nav{position: absolute; z-index:3;

    top:-10px;right:200px; margin-left: 0;

    width:160px;

    padding: 10px 0px 10px 0px;

    background:#f9f9f9;

    /*border-top:2px solid #009fd9;*/

    /*url("/skin/img/three_nav.png") repeat*/

    opacity:0; visibility:hidden;



    -webkit-transform: translate(0, 20px);

    -moz-transform: translate(0, 20px);

    -ms-transform: translate(0, 20px);

    -o-transform: translate(0, 20px);

    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);

    -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);

    -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);

    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);

}

.three-nav ul{ display: block; width: 100%; text-align: left; text-indent: 30px; padding: 10px 0;  }

.three-nav ul li{ display: block; width: 100%; float: none !important;

    line-height: 32px !important;  height: 32px !important; padding:0px !important; font-size: 12px;}

.three-nav ul li a{ color: #313131;  display: block;position:relative; }

.three-nav ul li a:hover{  color: #009fd9; text-indent: 40px;/*background-color:#f9f9f9; */}

.three-nav ul li a:after { content:''; display:block; width:10px; height:5px; overflow:hidden; background:url(/skin/img/nav_arr.png) -10px 0 no-repeat; position:absolute; right:20px; top:12px; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}

.three-nav ul li a:hover:after { background-position:0 0;}







/***********************底部页脚***********************/
.clear{clear: both;}
.wave-box {
	position: relative;
	height: 60px;
	background: #fff
}

.wave1 {
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 60px
}

.wave2 {
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 60px
}

.marquee2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	overflow: hidden
}

.wave-list {
	position: relative;
	width: 100%;
	height: 60px;
	top: 0;
	overflow: hidden
}

.wave-list li {
	float: left
}
.footer {
	background-color: #009fd9;
	font-family: "Microsoft Yahei"
}

.footer-floor1 {
	width: 100%;
	padding: 36px 0 60px
}

.footer-list {
	width: 69%;
	float: left
}

.footer-list ul {
	float: left;
	margin-right: 10%
}

.footer-list .flist-4 {
	margin-right: 0
}

.footer-list li {
	line-height: 32px
}

.footer-list li a {
	color: #b6e2f2;
	font-size: 12px;
	text-decoration: none
}

.footer-list li a:hover {
	text-decoration: underline;
	color: #fff
}

.footer-list .flist-title {
	font-size: 16px;
	color: #fff;
	margin-bottom: 15px
}

.footer-floor2 {
	width: 100%;
	border-top: 1px solid #4cc3ed;
	padding: 20px 0;
	text-align: center
}

.footer-floor2 p {
	text-align: center;
	color: #b6e2f2;
	font-size: 12px;
	line-height: 30px
}

.footer-floor2 p span {
	font-family: PingFangSC-Light,'helvetica neue','hiragino sans gb',tahoma,'microsoft yahei ui','microsoft yahei',simsun,sans-serif
}

.footer-floor2 a {
	color: #b6e2f2; 
    margin-left:24px;
}

.footer-floor2 a:hover {
	color: #a8d0e0;
	text-decoration: underline
}

.foot-link {
	margin: 0 15px;
	text-decoration: none;
	color: #b6e2f2
}

.foot-link:hover {
	text-decoration: underline
}

.footer-right {
	width: 300px;
	float: right
}

.telephone {
	width: 100%;
	height: 32px;
	line-height: 32px;
	color: #fff
}

.telephone span {
	display: inline-block;
	width: 32px;
	height: 32px;
	float: left;
	background: url(/skin/img/phone_32px.png);
	margin-left: 16%
}

.telephone .tel-number {
	font-size: 30px;
	font-weight: 400;
	text-align: right
}

.official-plat {
	width: 100%;
	margin-top: 20px;
	position: relative
}

.official-plat ul {
	float: right;
	margin-top: 7px
}

.official-plat ul li span {
	display: inline-block;
	width: 32px;
	height: 32px;
	background: url(/skin/img/plat_icon.png) no-repeat 0 0;
	line-height: 32px;
	float: left;
	margin-right: 12px
}

.official-plat ul li .weibo-logo {
	background: url(/skin/img/plat_icon.png) no-repeat -32px 0
}

.official-plat ul li .qq-logo {
	background: url(/skin/img/plat_icon.png) no-repeat -64px 0
}

.official-plat ul li {
	height: 45px
}

.official-plat ul a {
	display: inline-block;
	height: 32px;
	width: 100%;
	line-height: 32px;
	color: #fff;
	text-decoration: none;
	font-size: 12px
}

.official-plat>p {
	display: inline-block;
	width: 132px;
	height: 132px;
	border: 1px solid #ddd;
	background-color: #fff
}

.official-plat .weixin {
	position: absolute;
	top: 0;
	left: 10px;
}

.official-plat .weibo {
	position: absolute;
	top: 0;
	left: 10px;
	background-image: url(/skin/img/plat_qrcode.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: none
}

#wx-corner {
	border: 10px solid transparent;
	border-left: 10px solid #fff;
	position: absolute;
	top: 12px;
	right: -20px;
	z-index: 10
}

#wb-corner {
	border: 10px solid transparent;
	border-left: 10px solid #fff;
	position: absolute;
	top: 58px;
	right: -20px;
	z-index: 10
}

.five-superiority {
	width: 100%;
	border-bottom: 1px solid #27aede;
	padding: 10px 0 20px
}

.five-superiority-list li {
	float: left;
	width: calc(20% - 1px);
	height: 36px;
	text-align: center;
	border-left: 1px solid #27aede
}

.five-superiority-list li:first-child {
	border-left: none
}

.five-superiority-list li p {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 36px;
	line-height: 36px;
	background: no-repeat 2% center;
	text-indent: 2em;
	color: #fff;
	font-size: 16px
}

/* .five-superiority-list li a:hover {
	color: #bfe7f5
} */

.five-superiority-list li p.superiority-text {
	text-indent: 4em
}

.superiority-icon {
	position: absolute;
	width: 40px;
	height: 40px;
	left: 10%;
	background-repeat: no-repeat;
	background-image: url(/skin/img/footer_youshi.png)
}

.compensate_ico .superiority-icon {
	background-position: 0 0
}

/* .compensate_ico:hover .superiority-icon {
	background-position: 0 -50px
} */

.retreat_ico .superiority-icon {
	background-position: 0 -100px
}

/* .retreat_ico:hover .superiority-icon {
	background-position: 0 -150px
} */

.technology_ico .superiority-icon {
	background-position: 0 -200px
}

/* .technology_ico:hover .superiority-icon {
	background-position: 0 -250px
} */

.prepare_ico .superiority-icon {
	background-position: 0 -300px
}

/* .prepare_ico:hover .superiority-icon {
	background-position: 0 -350px
} */

.service_ico .superiority-icon {
	background-position: 0 -400px
}

/* .service_ico:hover .superiority-icon {
	background-position: 0 -450px
} */

.marquee-box {
	overflow: hidden;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0
}

.marquee {
	width: 8000%;
	height: 60px
}

.wave-list-box {
	float: left
}

.wave-list-box ul {
	float: left;
	height: 60px;
	overflow: hidden;
	zoom: 1
}

.wave-list-box ul li {
	height: 60px;
	width: 100%;
	float: left;
	line-height: 30px;
	list-style: none
}

.wave-box {
	position: relative;
	height: 60px;
	background: #F8F8F8
}

.wave1 {
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 60px
}

.wave2 {
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 60px
}

.marquee2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	overflow: hidden
}

.wave-list {
	position: relative;
	width: 100%;
	height: 60px;
	top: 0;
	overflow: hidden
}

.wave-list li {
	float: left
}

.banner_bolang_bg_1 {
	display: inline-block;
	height: 60px;
	background: url(/skin/img/wave_01.png) repeat-x;
	left: -236px;
	position: absolute;
	top: 0;
	width: 400%;
	z-index: 999
}

.banner_bolang_bg_2 {
	display: inline-block;
	height: 60px;
	background: url(/skin/img/wave_02.png) repeat-x;
	left: -50px;
	position: absolute;
	top: 0;
	width: 400%;
	z-index: 998
}

.marquee-up {
	top: -16px
}

.module-banner-bg {
	min-height: 120px
}

.module-banner-title {
	position: relative;
	top: 42px;
	border-left: 3px solid #009FD9;
	text-indent: 17px;
	font-weight: 400;
	font-size: 29px;
	color: #222
}
/* 通用简易底部 */
/*底部*/
.buyfooter {
	background-color: #fff;
	border-top: 1px solid #eee;
}
.footer-buyfooter {
	width: 100%;
	padding: 20px 0px 30px 0px; text-align:center;
}
.footer-buyfooter p,
.footer-buyfooter a {
	margin-top: 8px;
	font-size: 12px;
	color: #999999;
}
.buyfooter-nav {
	margin-top: 20px;
	text-align:center;
}
.buyfooter-nav a{
	display: inline-block;
	font-size: 14px;
	color: #4c4c4c;
	padding-left:20px;
	padding-right:20px;
	border-left:solid 1px #ccc;
}
.buyfooter-nav a.first{
	border:none;
}
input{
	font-family: "microsoft yahei";
	width: 260px;
	height: 32px;
	line-height: 32px;
	padding-left: 10px;
	outline-color: #009FD9;
	border: 1px solid #ccc;
	color: #545454;
	vertical-align: middle;
}
input.input-captcha,
input.send-captcha {
	width: 49%;
}
input.send-captcha {
	float: right;
	outline: none;
	padding: 0;
	background-color: #14b3ed;
	color: #fff;
	border: 1px solid #14b3ed;
	cursor: pointer;
}
input.send-captcha:hover {
	background-color: #1299cd;
}
input.send-captcha-disabled {
	background-color: #cecece;
	border: 1px solid #cecece;
	color: #fff;
}
input.send-captcha-disabled:hover {
	background-color: #cecece;
	border: 1px solid #cecece;
	color: #fff;
}
input.captcha-sending {
	border: 1px solid #ccc;
	background-color: #f9f9f9;
	color: #ccc;
}
#cnzz_stat_icon_1279257450{
	display:none;
}
.lr_operator_tr1 {}
.lr_operator_tr2 {background-color: #e6e6e6;}
.lr_operator_online {COLOR: red;}
.lr_operator_away {COLOR: blue;}
.lr_operator_busy {COLOR: purple;}
.lr_operator_offline {COLOR: gray;}
.lr_operator {margin-left:15px;font-size: 9pt;}



    /***********************首页***********************/



/*banner*/

.banner{width:100%; position:relative;overflow: hidden;}

.banner .flexslider{position:absolute;width:100%; overflow:hidden;zoom:1;}

.banner .img{ position: relative; display:block!important;}

.banner ul .li1 .img .txt{ position: absolute; top: 10%; left:0%; width: 100%; height: 90%;  }

.banner ul .li1 .img .txt .tx1{ font-weight:bold ;  color: #ffffff; font-size: 40px; line-height: 40px;padding-bottom: 40px; padding-top: 100px;}

.banner ul .li1 .img .txt .tx2{ font-weight:bold ; color: #904700; font-size: 32px; line-height: 32px; padding-bottom: 40px;}

.banner ul .li1 .img .txt .tx3{ color: #904700; font-size: 20px; line-height: 20px;}

.banner ul .li1 .img .txt .tx3 font{ font-size: 40px; }

.banner-img{ visibility:hidden;width:100%; display: block; max-height:560px ; }

.banner .flexslider .slides li img{ width: 100%; max-height:560px ;}

.banner ul .li1 .img .txt .layout{ width:94%; margin:0 auto; height: 100%;

    background: url("/skin/img/banner2.png") no-repeat right top; background-size:690px 445px ;}

.banner ul .li2 .img .txt{ position: absolute; top: 0; left:0; right:0; bottom:0; /* margin: auto;

    width: 440px; height:440px;

    text-align: center; background: url("/skin/img/banner2_sanjiao.jpg") no-repeat bottom 90px center #fff; border-radius: 100%; */

    box-shadow: 0 0 10px rgba(7,0 , 2,0.08)}

.banner ul .li2 .img .txt .tx1{ font-weight:bold ;  color: #f43f54; font-size: 40px; line-height: 40px;padding-bottom: 30px; padding-top: 100px; font-family: SourceHanSansCN-Normal,"微软雅黑";;}

.banner ul .li2 .img .txt .tx1 font{ font-size: 70px;}

.banner ul .li2 .img .txt .tx2{ font-weight:200 ; color: #666666; font-size: 26px; line-height: 40px;  font-family: SourceHanSansCN-Normal,"微软雅黑";;

    border:1px dotted #7f7f7f; margin: 0 45px 40px 45px; padding-bottom: 0;  position: relative; z-index:1;}

.banner ul .li2 .img .txt .tx2 .fk1{ width: 5px; height: 5px;border:1px solid #7f7f7f; position: absolute; left: -4px;  top: -4px;  z-index: 2; background: #fff;}

.banner ul .li2 .img .txt .tx2 .fk2{ width: 5px; height: 5px;border:1px solid #7f7f7f; position: absolute; left: 50%;   top: -4px; z-index: 2; margin-left: -3px;background: #fff;}

.banner ul .li2 .img .txt .tx2 .fk3{ width: 5px; height: 5px;border:1px solid #7f7f7f; position: absolute; right: -4px; top: -4px; background: #fff;}

.banner ul .li2 .img .txt .tx2 .fk4{ width: 5px; height: 5px;border:1px solid #7f7f7f; position: absolute; left: -4px;  bottom: 50%; margin-bottom: -3px; z-index: 2;background: #fff;}

.banner ul .li2 .img .txt .tx2 .fk5{ width: 5px; height: 5px;border:1px solid #7f7f7f; position: absolute; right: -4px; bottom: 50%; margin-bottom: -3px; z-index: 2;background: #fff;}

.banner ul .li2 .img .txt .tx2 .fk6{ width: 5px; height: 5px;border:1px solid #7f7f7f; position: absolute; left: -4px;  bottom: -4px; z-index: 2;background: #fff;}

.banner ul .li2 .img .txt .tx2 .fk7{ width: 5px; height: 5px;border:1px solid #7f7f7f; position: absolute; right:-4px; bottom: -4px; z-index: 2;background: #fff;}

.banner ul .li2 .img .txt .tx2 .fk8{ width: 5px; height: 5px;border:1px solid #7f7f7f; position: absolute; left: 50%;   bottom: -4px;  margin-left: -3px;z-index: 2;background: #fff;}

.banner ul .li2 .img .txt .tx2 font{ font-weight: bold; color: #666666; font-size: 28px;}

.banner ul .li2 .img .txt .tx3{ color: #904700; font-size: 18px; line-height: 20px;}

.banner ul .li2 .img .txt .layout{ background: none; width:100%;}

.banner ul .li3 .img .txt{ position: absolute; top: 0%; left:0%; width: 100%; height: 100%; font-family: SourceHanSansCN-Normal,"微软雅黑";;}

.banner ul .li3 .img .txt .tx1{ font-weight:bold ;  color: #ffffff; font-size: 40px; line-height: 40px;padding-bottom: 20px; padding-top: 170px; }

.banner ul .li3 .img .txt .tx2 { font-weight: bold; color: #904700; font-size: 30px; line-height: 50px; padding-bottom: 20px;}

.banner ul .li3 .img .txt .tx3{ color: #7c3d00; font-size: 20px; line-height: 20px; border-bottom:1px solid #b97213; display: inline;}

.banner ul .li3 .img .txt .layout{ width:94%; margin:0 auto; height: 100%;

    background: url("/skin/img/banner3.png") no-repeat right 0px center; background-size:520px ;}

@media only screen and (min-width: 2559px) and (max-width: 200000px) {

    .banner ul .li2 .img .txt{  width: 610px; height:610px;}

    .banner ul .li2 .img .txt .tx1{  font-size: 56px; line-height: 56px;padding-bottom: 40px; padding-top: 190px;}

    .banner ul .li2 .img .txt .tx1 font{ font-size: 100px;}

    .banner ul .li2 .img .txt .tx2{ font-size: 40px; line-height: 60px;}

    .banner ul .li2 .img .txt .tx3{font-size: 24px; line-height: 24px;}

    .banner ul .li2 .img .txt .tx3 font{ font-size: 40px; }

    .banner ul .li3 .img .txt .tx1{ padding-top: 320px; font-size: 56px; line-height: 60px;}

    .banner ul .li3 .img .txt .tx2 { font-size: 45px; line-height: 60px; padding-bottom: 40px;}

    .banner ul .li3 .img .txt .tx3{ font-size: 28px; line-height: 28px;}

    .banner ul .li3 .img .txt .layout{ width:1800px; background: url("/skin/img/banner3.png") no-repeat right 80px center; background-size:672px 416px ;}



}

@media only screen and (min-width: 1800px) and (max-width: 2559px) {

 

    .banner ul .li2 .img .txt{  width: 580px; height:580px;}

    .banner ul .li2 .img .txt .tx1{  font-size: 56px; line-height: 56px;padding-bottom: 40px; padding-top: 150px;}

    .banner ul .li2 .img .txt .tx1 font{ font-size: 100px;}

    .banner ul .li2 .img .txt .tx2{ font-size: 40px; line-height: 60px;}

    .banner ul .li2 .img .txt .tx3{font-size: 24px; line-height: 24px;}

    .banner ul .li2 .img .txt .tx3 font{ font-size: 40px; }

    .banner ul .li3 .img .txt .tx1{ padding-top: 290px; font-size: 56px; line-height: 60px;}

    .banner ul .li3 .img .txt .tx2 { font-size: 40px; line-height: 40px; padding-bottom: 40px;}

    .banner ul .li3 .img .txt .tx3{ font-size: 24px; line-height: 24px;}

    .banner ul .li3 .img .txt .layout{ width:1400px; background: url("/skin/img/banner3.png") no-repeat right 80px center; background-size:672px 416px ;}



}







.banner .flex-viewport{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}

.banner .flexslider .slides{zoom:1;}

.banner .flex-direction-nav a{width:0.6rem;height:0.9rem;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;

/*background:url(/skin/img/ad_ctr.png) no-repeat;*/position:absolute;top:50%; z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}

.banner .flex-direction-nav .flex-next{background:url(/skin/img/att2.png) no-repeat;background-size:0.6rem 0.9rem;right:1%;}

.banner .flex-direction-nav .flex-prev{background:url(/skin/img/att1.png) no-repeat;background-size:0.6rem 0.9rem;left:1%;}

.banner .flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}

.banner .flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}

.banner .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}

.banner .flex-control-nav{width:100%;position:absolute;bottom:10px; left:45%}

.banner .flex-control-nav li{margin:0 3px;display:inline-block;zoom:1;*display:inline;}

.banner .flex-control-paging li a{display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}

.banner .flex-control-paging li a.flex-active{background-position:0 0;}

@media only screen and (min-width: 2559px) and (max-width: 200000px) {

    .banner ul .li1 .img .txt .layout{ width:80%; background-size:690px 445px ;}

    .banner-img{  max-height:900px ;}

    .banner .flexslider .slides li img{  max-height:900px ;}

    .banner ul .li1 .img .txt .tx1{ font-size: 55px;  line-height: 70px; padding-top: 100px;}

    .banner ul .li1 .img .txt .tx2{  font-size: 45px;  line-height: 45px; padding-bottom: 60px}

    .banner ul .li1 .img .txt .tx3{ font-size: 28px;  line-height: 28px;}

    .banner ul .li1 .img .txt .tx3 font{ font-size: 55px; }

}

@media only screen and (min-width: 1430px) and (max-width: 1919px) {

    .banner .img .txt .tx1{ padding-top: 10%;}

}

@media only screen and (min-width: 1800px) and (max-width: 2559px) {

    .banner ul .li1 .img .txt .layout{ width:80%;  background-size:990px 638px ;}

    .banner-img{  max-height:837px ;}

    .banner .flexslider .slides li img{  max-height:837px ;}

    .banner ul .li1 .img .txt .tx1{ font-size: 52px;  line-height: 60px; padding-top: 165px;}

    .banner ul .li1 .img .txt .tx2{  font-size: 40px;  line-height: 40px; padding-bottom: 50px}

    .banner ul .li1 .img .txt .tx3{ font-size: 24px;  line-height: 24px;}

    .banner ul .li1 .img .txt .tx3 font{ font-size: 50px; }

}







/*中间内容*/

.wrapper{width: 100%;overflow: hidden;}

/*main1*/

.main1{width:100%;margin:0 auto;overflow: hidden;padding:0.8rem 0 0 0;}

.main1 .title{text-align: center;}

.main1 .title1{ color:#009fd9; font-size: 30px; line-height:50px; font-weight: 200; font-family: SourceHanSansCN-Normal,"微软雅黑";;}

.main1 .title2{ color:#666666; font-size: 14px; line-height: 40px; padding-bottom: 25px; font-family: 微软雅黑; font-weight: 200;}

.main1bg{background-color: #fafafa;}

.main1 dl{float: left;padding: 100px 0;width: 20%;}

.main1 dl img{display: block;height: 100px;margin: 0 auto;filter:grayscale(100%);opacity: 0.6;}

.main1 ul{margin: 30px 0 30px 35%;}

.main1 a.main1a-h{display: block;font-size: 24px;color: #333;text-align:center;padding: 35px 0 25px;background: url(../img/main1hbg.png) no-repeat bottom center;}

.main1 li{list-style: square;color: #666;}

.main1 li a:hover{text-decoration: underline;}

.main1 li a{font-size: 15px;color: #666;line-height: 35px;}

.main1 a.main1a-btn{display: block;margin:0 auto;width: 120px;line-height: 30px;text-align: center;font-size: 14px;background-color: #009fd9;color: #fff}

.main1 dl:hover{background-color: #f5f5f5;}

.main1 dl:hover img{filter:none;opacity: 1;}

/*main2*/

.main2{width:100%; overflow:hidden;background:#f4f4f4; padding: 70px 0 85px 0;}

.main2 .title{text-align: center;}

.main2 .title1{ color:#009fd9; font-size: 30px; line-height:50px; font-weight: 200; font-family: "SourceHanSansCN-Normal","微软雅黑";}

.main2 .title2{ color:#666666; font-size: 14px; line-height: 40px; padding-bottom: 25px;font-weight: 200;}

.main2 .bd ul{margin-top:25px;overflow: hidden; }

.main2 .bd li{width:25%; display:inline-block;overflow: hidden; }

.main2 .bd li .layout{  padding:15px 20px 20px 20px ; background: #FFFFFF;  margin: 0 10px 20px 10px;

    transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;}

.main2 .bd li a{ display: block;  margin: 0 auto; }

.main2 .bd li img{width:100%; display: block;}

.main2 .bd li .img1{ display:block; width:100%;    position: relative;}

.main2 .bd li .img2{ display: none;  position: absolute; left: 0 ;top:0; width: 100%; height: 100%;  text-align: center; background: url("/skin/img/bg1.png") repeat;  }

.main2 .bd li .img2 img{ width:242px ; height: 45px;  position: relative; left: 50% ;top:50%;   margin-left: -121px; margin-top: -22.5px;}

.main2 .bd li .txt{  background: #ffffff; font-family: 'SourceHanSansCN-Normal',"微软雅黑";;}

.main2 .bd li .txt1{font-size: 16px;color:#333333;line-height:46px;  border-bottom: 1px solid #d8d8d8;

    white-space: nowrap;}

.main2 .bd li .txt2{font-size: 14px;color:#666666; line-height: 36px; white-space: nowrap;}

.main2 .bd li .txt3{ display: block; color:#999999; font-size: 14px; line-height: 20px;

    padding-left:20px;background:url("/skin/img/bi.jpg") no-repeat left  center; }

.main2 .bd li .layout:hover .img2{ display: block;}

.main2 .bd li .layout:hover .txt1 { color: #009fd9;}

.main2 .bd li .layout:hover{ box-shadow: 10px 10px 5px #cacaca;

    transform:translate3d(0, -6px, 0);-webkit-transform:translate3d(0, -6px, 0);-moz-transform:translate3d(0, -6px, 0);-o-transform:translate3d(0, -6px, 0);-ms-transform:translate3d(0, -6px, 0);}

.main2 .multipleColumn2{ position:relative; width: 100%;}

.main2 .multipleColumn2 .bd{overflow:hidden; width: 100%;}

.main2 .multipleColumn2 .bd .one{ float: left; width: 100%;  }

.main2 .multipleColumn2 .hd{  overflow:hidden; text-align: center; margin-bottom: 15px; }

.main2 .multipleColumn2 .hd .center{display: inline-block;}

.main2 .multipleColumn2 .hd ul{  overflow: hidden; display: block; padding-top: 30px;  height:24px;}

.main2 .multipleColumn2 .hd ul li{ float: left; width:10px; height:10px;  background: #ababab;

    text-indent: 200px;   margin-left: 10px; margin-right: 10px;

    transform:rotate(45deg);

    -ms-transform:rotate(45deg);

    -moz-transform:rotate(45deg);

    -webkit-transform:rotate(45deg);

    -o-transform:rotate(45deg); 	}

.main2 .multipleColumn2 .hd ul li:hover{ background:#009fd9 ; }

.main2 .multipleColumn2 .hd ul li.on{ background:#009fd9;}

#mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }

#mbOverlay.mbOverlayFF { background:transparent url(80.png) repeat; }

#mbOverlay.mbOverlayIE { position:absolute; }

#mbCenter { height:557px; position:absolute; z-index:9999; left:50%; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); }

#mbCenter.mbLoading { background:#fff url(/skin/img/WhiteLoading.gif) no-repeat center; -moz-box-shadow:none; -webkit-box-shadow:none; }

#mbImage { left:0; top:0; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:10px; }

#mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; }

#mbImage a:hover, #mbImage a:active { color:#fff; }

#mbBottom { min-height:20px; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; }

#mbTitle { display:inline; color:#999; font-weight:bold; line-height:20px; font-size:12px; }

#mbNumber { background:url(/skin/img/mbNumber_bg.gif) no-repeat center; display:inline; color:#C00; line-height:26px; font-size:12px; position: absolute; bottom: 10px; right: 10px; text-align: center; width:65px; height:26px; }

#mbCaption { display:block; color:#999; line-height:14px; font-size:10px; }

#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }

#mbPrevLink { width:32px; height:100px; background:transparent url(/skin/img/CustomBlackPrevious.gif) no-repeat center; position: absolute; top:38%; left:-32px; }

#mbNextLink { width:32px; height:100px; background:transparent url(/skin/img/CustomBlackNext.gif) no-repeat center; position: absolute; top:38%; right:-32px; }

#mbCloseLink { width:24px; background:transparent url(/skin/img/CustomBlackClose.gif) no-repeat center; position:absolute; top:10px; right:10px; }

#mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }

#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#d00; font-weight:bold; text-decoration:underline; }

.main2 .more{ display: block; width: 250px; height: 44px; line-height: 44px;border: 1px solid #b5b5b5; border-left: none; border-right: none;

 font-size: 14px; color: #333333; margin: 0px auto 0px auto; text-indent: 48px; cursor: pointer; background: url("/skin/img/huijt.png") no-repeat right 40px center;}



/*方案*/

.bussiness{background: #f5f5f5;width:100%;}

.section_head {padding: 30px 0px 50px;}

.section_head .title {text-align: center;}

.section_head .title p {color: #333333;font-size:40px;font-weight: bold;line-height: initial;}

.section_head .title p i {color: #ff5500;}

.section_head .title span {display: block;color: #888;font-size: 16px;line-height: 28px;}



.solution .section_head .title p,

.solution .section_head .title p i,

.solution .section_head .title span {color: #fff;}

.solution {background-color:#06050a;background-repeat: no-repeat;background-position: center top;background-size: cover;padding:30px 0 50px!important;margin-top: 50px;overflow: hidden;box-sizing:border-box;}

.solution .solution-slide {position:relative; width:85%; margin: 0 auto; }

.solution .solution-slide .solution-slide-menu {width:320px;text-align:center }

.solution .solution-slide .solution-slide-menu ul {position:relative; z-index:1 }

.solution .solution-slide .solution-slide-menu ul li {padding:20px 0; position:relative; overflow: hidden;;cursor:pointer;background: hsla(0,0%,100%,.2);box-sizing:border-box;}

.solution .solution-slide .solution-slide-menu ul li span {position:absolute;top:0;left:0;width: 0;height:100%;background-color: #006acd;overflow:hidden;display:block;z-index:1;}

.solution .solution-slide .solution-slide-menu ul li.cur span {width: 100%;}

.solution .solution-slide .solution-slide-menu ul li i.icon {display: block;width: 100px;height: 60px;margin: 0 auto;background-image: url(/skin/img/solution-icon.png);background-repeat: no-repeat;position: relative;z-index: 2;}

.solution .solution-slide .solution-slide-menu ul li p {margin:10px 0 0; font-size:16px; color:#fff;position: relative;z-index: 2;}

.solution .solution-slide .solution-slide-menu ul li .icon1 {background-position: 0px 0px;}

.solution .solution-slide .solution-slide-menu ul li .icon2 {background-position: 0px -60px;}

.solution .solution-slide .solution-slide-menu ul li .icon3 {background-position: 0px -120px;}

.solution .solution-slide .solution-slide-menu ul li .icon4 {background-position: 0px -180px;}

.solution .solution-slide .solution-slide-menu ul li .icon5 {background-position: 0px -242px;}



.solution .solution-slide .solution-slide-body {width: calc(100% - 450px);min-height: 670px;position: absolute;top: 0px;right: 0px;}

.solution .solution-slide .solution-slide-body .solution-slide-item {width: 100%;display: none;}

.solution .solution-slide .solution-slide-body .solution-slide-item h4 {color: #fff;font-size: 28px;margin: 20px 0px;}

.solution .solution-slide .solution-slide-body .solution-slide-item>p {width: 60%;color: #fff;line-height: 28px;font-size: 16px;}

.solution .solution-slide .solution-slide-body .solution-slide-item .row {margin-top: 80px;}

.solution .solution-slide .solution-slide-body .solution-slide-item .row .col-3 {width: 25%;float: left;}

.solution .solution-slide .solution-slide-body .solution-slide-item .row .col-3 .item-info-item {width: 100%;text-align: center;}

.solution .solution-slide .solution-slide-body .solution-slide-item .row .col-3 .item-info-item i {display: inline-block;width: 100px;height: 90px;line-height: 90px;}

.solution .solution-slide .solution-slide-body .solution-slide-item .row .col-3 .item-info-item p {color: #fff;font-size: 14px;}

.solution .solution-slide .solution-slide-body .s-button {position: absolute;left: 0px;bottom: 30px;}

.solution .solution-slide .solution-slide-body .s-button a {display: block;width: 125px;height: 40px;line-height: 40px;text-align: center;color: #ff5800;font-size: 15px;border:1px solid #ff5800;border-radius: 20px;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}

.solution .solution-slide .solution-slide-body .s-button a:hover {background-color: #ff5800;color: #fff;}

/*main4*/

.main4{width:100%; overflow:hidden;background:#f8f8f8; padding: 70px 0 90px 0;}

.main4 .title{text-align: center;}

.main4 .title1{ color:#009fd9; font-size: 30px; line-height:50px; font-family: SourceHanSansCN-Normal,"微软雅黑";; font-weight: 200;}

.main4 .title2{ color:#666666; font-size: 14px; line-height: 40px; padding-bottom: 25px; font-weight: 200;}

.main4 .list{ margin: 0 auto; width: 94%;  }

.main4 .list .left{ width: 33.33%;}

.main4 .list .left .layout1{padding-right:46px; }

.main4 .list .left .layout2{padding-left:23px; padding-right:23px; }

.main4 .list .left  a{ display: block}

.main4 .list .left  .layout1 .img { width: 100%; overflow: hidden; }

.main4 .list .left  .layout1 .img img{   width: 100%; height:235px; display: block;;

    transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;}

.main4 .list .left  .layout1 a:hover .img img{transform: scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-webkit-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2); }

.main4 .list .left  .layout1 .txt{ padding: 35px 20px 10px 20px; background: #fff; }

.main4 .list .left  .layout1 .txt .txt1{  font-size: 20px; color: #333333; line-height: 26px; font-weight: bold;height:26px;overflow:hidden;}

.main4 .list .left  .layout1 .txt p{  font-size: 16px; color: #777777; line-height: 30px; margin:15px 0 25px 0 ;

   text-overflow: ellipsis; display:-webkit-box;  -webkit-box-orient:vertical;  -webkit-line-clamp:3; height: 120px;}

.main4 .list .left  .layout1 a:hover .txt p{color: #009fd9; }

.main4 .list .left  .layout1 .txt .date{ width: 120px;  font-size: 14px; color: #009fd9; line-height: 50px;

    background: url("/skin/img/jiantou_red.png") no-repeat right center ; }

.main4 .list .left  .layout2 .img { width: 100%; overflow: hidden; }

.main4 .list .left  .layout2 .img img{   height: 235px; width: 100%; display: block; overflow: hidden;

    transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;}

.main4 .list .left  .layout2 a:hover .img img{transform: scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-webkit-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2); }

.main4 .list .left  .layout2 .txt{ padding: 35px 20px 10px 20px; background: #fff; }

.main4 .list .left  .layout2 .txt .txt1{  font-size: 20px; color: #333333; line-height: 26px; font-weight: bold;height:26px;overflow:hidden;}

.main4 .list .left  .layout2 .txt p{  font-size: 16px; color: #777777; line-height: 35px; margin:15px 0 25px 0 ;

    text-overflow: ellipsis; display:-webkit-box;  -webkit-box-orient:vertical;  -webkit-line-clamp:3; height: 120px;}

.main4 .list .left  .layout2 a:hover .txt p{color: #009fd9; }

.main4 .list .left  .layout2 .txt .date{ width: 120px;  font-size: 14px; color: #009fd9; line-height: 50px; background: url("/skin/img/jiantou_red.png") no-repeat right center ; }


.main4 .list .left  .new .title{ font-size: 24px; color: #000000;margin-bottom: 16px; line-height:32px; overflow: hidden; text-align: left;}

.main4 .list .left  .new .title .jia{ display: block;  text-transform: uppercase ;  font-size: 14px; font-family: Arial;

    color: #999999; float: right; background: url("/skin/img/jia.jpg") no-repeat right center; padding-right: 18px; }

.main4 .list .left  .new ul li a{ color: #666666; font-size: 16px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.main4 .list .left  .new ul li a:hover{ color:#009fd9 ;}

.main4 .list .left  .new .title .jia:hover{ color:#009fd9 ;}

.main4 .list .left  .new ul:nth-of-type(1){ padding-bottom: 15px; border-bottom:1px solid  #e6e6e6 ; margin-bottom: 23px;}

.main4 .layout{clear: both; padding-top:50px; }

.main4 .layout .more1{   display: block; line-height: 70px; height:70px;   color: #333333;

    text-align: center; background:   #ededed;}

.main4 .layout .more2{ font-size:20px; font-family: "SourceHanSansCN-Normal","微软雅黑";; font-weight: 200;

    display:inline-block ; width: 160px; text-align: left; background: url("/skin/img/mo/jiantou_hui.png") no-repeat right  center;}

.main4 .layout .more1:hover{ background:#009fd9;}

.main4 .layout .more1:hover .more2{ background:url("/skin/img/jiantou_bai.png") no-repeat right center  #009fd9; color: #fff ;}



@media only screen and (min-width: 2559px) and (max-width: 200000px) {

    .main4 .title1{  font-size: 40px;}

    .main4 .title2{ font-size: 18px; }

    .main4 .list {  width: 80%; }

    .main4 .list .left  .layout1 .img img{ height:260px; overflow: hidden;}

    .main4 .list .left  .layout2 .img img{ height:260px; overflow: hidden;}


}

@media only screen and (min-width: 1800px) and (max-width: 2559px) {

    .main4 .title1{  font-size: 40px;}

    .main4 .title2{ font-size: 18px; }

    .main4 .list {  width:73%; }

    .main4 .list .left  .layout1 .img img{ height:260px;  overflow: hidden;}

    .main4 .list .left  .layout2 .img img{ height:260px; overflow: hidden;}


}












/***********************内页banner***********************/

.nybanner{ width:100%; height:1px; background:#e7e7e7 ;}



/************************单页************************/

.dy{font-size:16px; color:#666666; line-height:45px; }

.dy img{display: block; }

.mo-show{ display: none;}

.pc-show{ font-size:16px; color:#666666; line-height:45px;}


/*新闻列表页*/

.nytitle { padding-top: 100px; }

.nytitle .img1{ text-align: center; padding-bottom: 50px; color: #303030; font-size:60px; font-family:"AVGARDM_0";

line-height:50px;  text-transform: uppercase;}

.nytitle .img1 .txt1{ padding-bottom: 20px;}

.nytitle .img1 .txt2{  color:#333333; position: relative; display: inline;  line-height: 30px;font-size:26px;

    margin-top: 10px;font-family:"SourceHanSansCN-Normal","微软雅黑"; }

.nytitle .img1 .txt2 .yuan{ width: 6px; height: 6px; position: absolute; right: -10px; top: 0px; border: 1px solid #333333; border-radius: 100%; }

.nytitle .menu-title{ margin: 0 auto; text-align: center; padding-bottom: 67px;}

.nytitle .menu-title ul{ display: inline-block; overflow: hidden;}

.nytitle .menu-title ul li{ float: left; /*width:106px;*/ height: 40px;border: 1px solid #c3c3c3;

    text-align: center; line-height: 40px; font-size: 0.18rem; margin-left: 5px; margin-right: 5px; margin-top:10px;}

.nytitle .menu-title ul li a{ display: block; color: #666666;padding: 0 10px;}

.nytitle .menu-title ul li:hover{border: 1px solid #009fd9; }

.nytitle .menu-title ul li:hover a{ color: #fff; background:#009fd9;  }

.nytitle .menu-title ul .li-active{float: left;  height: 40px;border: 1px solid #009fd9;text-align: center; line-height: 40px; font-size: 0.18rem; margin-left: 5px; margin-right: 5px; }

.nytitle .menu-title ul .li-active a{  color: #fff; background:#009fd9;}



@media only screen and (max-width:1280px) {

	.nytitle .menu-title ul li{width:95px;}

}





.webnytitle .webmenu-title{ margin: 0 auto; text-align: center; padding-bottom: 67px;}

.webnytitle .webmenu-title ul{ display: inline-block; overflow: hidden;}

.webnytitle .webmenu-title ul li{ float: left; width:106px; height: 40px;border: 1px solid #c3c3c3;

    text-align: center; line-height: 40px; font-size: 0.18rem; margin-left: 5px; margin-right: 5px; margin-top:10px;}

.webnytitle .webmenu-title ul li a{ display: block; color: #666666;}

.webnytitle .webmenu-title ul li:hover{border: 1px solid #009fd9; }

.webnytitle .webmenu-title ul li:hover a{ color: #fff; background:#009fd9;  }

.webnytitle .webmenu-title ul .li-active{float: left; width:106px; height: 40px;border: 1px solid #009fd9;text-align: center; line-height: 40px; font-size: 0.18rem; margin-left: 5px; margin-right: 5px; }

.webnytitle .webmenu-title ul .li-active a{  color: #fff; background:#009fd9; }





.newlist{  background: #f8f8f8;}

.newlist .list{width: 94%; margin: 0 auto; padding-top: 80px; overflow: hidden; }

.newlist .item_list{position:relative;padding:0 0 90px 0; }

.newlist .item{width:33.3%;overflow:hidden;margin:0px 0  40px 0;	}

@media only screen and (min-width: 2559px) and (max-width: 200000px) {

    .newlist .item{width:25%;overflow:hidden;margin:0px 0  40px 0;	}

}

.newlist .item_t{width:92%; margin-left:auto; margin-right:auto;border: 4px solid #f8f8f8;/*background:red;*/background:#ffffff;

    -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; }

.newlist .item_t .img{position:relative; overflow: hidden; }

.newlist .item_t .img a{display:block;}

.newlist .item_t:hover{ border: 4px solid #e7e7e7; overflow: hidden; }

.newlist .item_t:hover .img a{}

.newlist .item  .img a img{ width:100%; height:270px; display:block; transition:all 0.3s ;-moz-transition:all 0.3s ; -webkit-transition:all 0.3s ;-o-transition:all 0.3s ; }

.newlist .item_t:hover .img a img{filter:alpha(opacity=80);-khtml-opacity:0.8;opacity:0.8; }

.newlist .item_t:hover .wenzi .detail .img-d{ background:url("/skin/img/jiantou2.png") no-repeat right center;}

.newlist .item_t:hover .wenzi .detail{  color: #009fd9;}

.newlist .item_t:hover .wenzi .date{  color: #009fd9;}

.newlist .item_t:hover .wenzi .date font{  color: #009fd9;}

.newlist .item_t:hover .wenzi .title a{color: #009fd9;}

.newlist .item_t .wenzi{padding:23px 15px 0 15px; }

.newlist .item_t .wenzi .date{ float: left; width:105px; height: 65px; border-right: 1px solid #e5e5e5 ; text-align: center ;

color: #666666; font-size: 14px; line-height: 16px;}

.newlist .item_t .wenzi .date font{ font-family: Arial;  display: block; font-size:46px; font-weight: bold;  color:#333333; line-height: 40px; padding-bottom: 5px; }

.newlist .item_t .wenzi .title{ float: left; width: 260px; font-size: 16px; line-height: 32px; color: #333333; padding-left: 25px;}

.newlist .item_t .wenzi .title a{ color: #333333;}

.newlist .item_t .wenzi .p{ padding: 12px 0; border-bottom: 1px solid #e5e5e5; clear: both; color: #777777; font-size: 14px; line-height: 26px;

    height: 52px;  }

.newlist .item_t .wenzi .p p{ overflow: hidden; height: 52px; text-overflow: ellipsis;  }

.newlist .item_t .wenzi .detail{ font-family: Arial; display: block; overflow: hidden;  line-height: 60px;  font-size: 14px; color: #666666; text-transform: capitalize;}

.newlist .item_t .wenzi .detail .img-d{ background:url("/skin/img/jiantou1.png") no-repeat right center; width:27px; height:60px; float: right;  display:block;}



@media only screen and (min-width: 2559px) and (max-width: 200000px) {

    .newlist .list{width:80%; }

}

@media only screen and (min-width: 1279px) and (max-width: 1919px) {

    .newlist .item_t .wenzi .title{ width: 210px; padding-left: 20px;}

    }

@media only screen and (min-width: 1919px) and (max-width: 2559px) {

    .newlist .list{width:73%; }

    .newlist .item_t .wenzi .title{ padding-left: 30px;}

    .newlist .item_t .wenzi .p{ line-height: 26px !important;  }

}





/*//新闻详情页*/

.newdetail{  background: #f8f8f8; padding-top: 70px;}

.newdetail .list{width: 94%; margin: 0px auto 0px auto; padding-bottom: 80px;  overflow: hidden;  }

.newdetail .list .left{ width:74%;background: #FFFFFF;  padding-top: 80px; position: relative;}

.newdetail .list .left .mo-fx{display: none;}

.newdetail .list .mo-back{ display: none;}

.newdetail .list .one .mo-title{display: none;}

.left-fx{ position: fixed; z-index:10; bottom:120px; left: 3%;  }

.left-fx .bdsharebuttonbox{

    height:230px !important; }

.left-fx .bdsharebuttonbox a{



    float: none!important;

    padding: 0px 0px 0px 0px !important;

    margin: 0px 0px 10px 25px!important;

    display:block !important;

    background:url("/skin/img/fx_icon.png");

    width:33px !important;

    height:33px !important;}

.left-fx .bds_weixin{ background-position: 0 -193px !important;; }

.left-fx .bds_tsina{ background-position: 0 -40px !important;;}

.left-fx .bds_qzone{ background-position: 0 -80px !important;; }

.left-fx .bds_douban{ background-position: 0 -120px !important;;}

.left-fx .bds_tqq{ background-position: 0  -160px!important;;}

@media only screen and (min-width: 2559px) and (max-width: 200000px) {

    .left-fx .bdsharebuttonbox{width:80% !important; }



}

@media only screen and (min-width: 1919px) and (max-width: 2559px) {

    .left-fx .bdsharebuttonbox{width:73% !important; }

}



.newdetail .list .left .right-cont{   padding:0px 85px;}

.newdetail .list .left p{ color: #666666; font-size: 16px; line-height: 32px; text-indent: 2em; margin-bottom: 18px;}

.newdetail .list .left .title{ color: #333333; font-size: 24px; line-height: 30px; }

.newdetail .list .left .tx2{ color: #999999; font-size: 14px; line-height: 20px; padding-top: 40px; padding-bottom: 20px; border-bottom: 1px solid #e9e9e9;}

.newdetail .list .left .tx2 .tx2-s1{ padding-right: 10px; }

.newdetail .list .left .tx3{font-size:16px; color:#666666; line-height:45px; margin-top: 30px; padding-bottom: 40px;}

.newdetail .list .right{ width:23%;padding-top: 0px;  background: #FFFFFF;}

.newdetail .list .right .layout { padding: 40px 30px 70px 30px; }

.newdetail .list .right .title{ font-size: 16px; font-weight: bold; line-height: 22px;padding-bottom:17px; border-bottom: 1px solid #e9e9e9;}

.newdetail .list .right ul li{ padding: 10px 0; border-bottom: 1px dotted #e9e9e9 ; display: block;  height:53px; }

.newdetail .list .right ul li .li-a{ display: block;  height:53px; position: relative; cursor: pointer;  }

.newdetail .list .right ul li .num{ position: absolute; left: 0 ;top: 0px;

    color: #999999; font-style: italic;  width:40px ;

    font-size: 30px; line-height: 52px;}

.newdetail .list .right ul li .c1{ color: #009fd9; }

.newdetail .list .right ul li .c2{ color: #fd5a19; }

.newdetail .list .right ul li .c3{ color: #1571d8; }

.newdetail .list .right ul li .txt{ padding-left: 40px; ; font-size: 14px; color: #666666; line-height: 26px;  }

.newdetail .list .right ul li .li-a:hover{zoom:1;}

.newdetail .list .right ul li .li-a:hover .txt{ color:#009fd9 ; cursor: pointer;}

.detail-page{ border-top: 1px solid #e9e9e9; overflow: hidden; padding-top: 40px; padding-bottom: 90px;}

.detail-page a{ font-size: 15px; margin-right: 10px; display: block; float: left;  border: 1px solid #ededed; color: #999999; line-height: 36px; padding: 0 10px;}

.detail-page .a-active{font-size: 15px; margin-right: 10px; display: block; float: left;  border: 1px solid #009fd9; color: #fff; line-height: 36px; padding: 0 10px;

    background: #009fd9;}

.detail-page a:hover{ color:#fff;background: #009fd9;  border: 1px solid #009fd9;}

.detail-page a.back{ float:right; margin-right: 0px; border: 1px solid #c3c3c3; padding: 0 20px;}

.detail-page a.back-active{color:#fff;background: #009fd9;  border: 1px solid #009fd9;}

.detail-page a.back:hover{  color:#fff;background: #009fd9;  border: 1px solid #009fd9;}

@media only screen and (min-width: 2559px) and (max-width: 200000px) {

    .newdetail .list{width:80%; }

    .left-fx{ left:10%;  }

}

@media only screen and (min-width: 1919px) and (max-width: 2559px) {

    .newdetail .list{width:73%; }

    .left-fx{ left: 13.5%;  }

}









.nytitle2{background: #f8f8f8; padding-top: 70px;}

.nytitle2 .title{ color: #333333; font-size: 32px; line-height: 36px; padding-bottom: 28px; text-align: center;

    font-family: SourceHanSansCN-Normal,"微软雅黑";;  font-weight: 200;}

.nytitle2 .tx2{ text-align: center;}

.nytitle2 ol{ display: inline-block; overflow: hidden;}

.nytitle2 ol li{float: left; margin: 0 15px;}

.nytitle2 ol li .li-active{  font-size: 16px; line-height: 20px; display: block; color: #009fd9;}

.nytitle2 ol li a{ color: #666666; font-size: 16px; line-height: 20px; display: block; }

.nytitle2 ol li a:hover{ color:#009fd9; }

/*案例*/

.anli{  background: #f8f8f8; }

.anli .list{width: 100%; margin: 0px auto 0px auto;  overflow: hidden;  }

.anli .cont {margin-top:35px;}

.anli .cont ul{overflow: hidden; padding-bottom:50px; }

.anli .cont li{width:25%; float: left;overflow: hidden; height:408px;}

.anli .cont li .layout{  padding:15px 20px 20px 20px ; background: #FFFFFF;  margin: 0 10px 20px 10px;

    transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;}

.anli .cont li a{ display: block;  margin: 0 auto; }

.anli .cont li img{width:100%; display: block;}

.anli .cont li .img1{ display:block; width:100%;    position: relative;}

.anli .cont li .img2{ display: none;  position: absolute; left: 0 ;top:0; width: 100%; height: 100%;  text-align: center; background: url("/skin/img/bg1.png") repeat;  }

.anli .cont li .img2 img{ width:242px ; height: 45px;  position: relative; left: 50% ;top:50%;   margin-left: -121px; margin-top: -22.5px;}

.anli .cont li .txt{  background: #ffffff;}

.anli .cont li .txt1{font-size: 16px;color:#333333;line-height:46px;  border-bottom: 1px solid #d8d8d8;

    white-space: nowrap;}

.anli .cont li .txt2{font-size: 14px;color:#666666; line-height: 36px; height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.anli .cont li .txt3{ display: block; color:#999999; font-size: 14px; line-height: 20px;

    padding-left:20px;background:url("/skin/img/bi.jpg") no-repeat left  center; }

.anli .cont li .layout:hover .img2{ display: block;}

.anli .bd li .layout:hover .txt1 { color: #009fd9;}

.anli .cont li .layout:hover{ box-shadow: 10px 10px 5px #cacaca;

    transform:translate3d(0, -6px, 0);-webkit-transform:translate3d(0, -6px, 0);-moz-transform:translate3d(0, -6px, 0);-o-transform:translate3d(0, -6px, 0);-ms-transform:translate3d(0, -6px, 0);}

.anli .cont .more{ display: block; margin: 50px auto 100px auto ; width: 250px; height: 46px; line-height: 46px; border: 1px solid #b5b5b5; border-left: none; border-right: none; ;

 font-size: 16px; color: #333333; text-indent: 45px; background: url("/skin/img/youjiantou.png") no-repeat right 40px center;}







/*案例---------------雨润*/

.anli-demo .mo-list{ display: none;}

.anli-demo .mo-title{ display: none;}

.anli-demo{  background: #f8f8f8; padding-top: 70px;}

.anli-demo .list{width: 94%;  max-width:1400px;margin: 0px auto 0px auto;  overflow: hidden;  }

.anli-demo .title{ color: #333333; font-size: 32px; line-height: 36px; padding-bottom: 55px; text-align: center;  font-weight: 200;}

.anli-demo .one .txt{ background: #fff; padding: 15px 0; overflow: hidden;}

.anli-demo .one .img1{ display: block; margin: 0 auto; }

.anli-demo .one .left{ width:60% ;}

.anli-demo .one .left .layout{ padding: 80px 75px 0 50px;}

.anli-demo .one .left .tit{ background: url("/skin/img/title_xian.jpg") no-repeat left bottom; font-size: 24px; color: #333333;

    margin-bottom:30px;line-height: 44px; }

.anli-demo .one .left .abstract{ font-size: 16px; color: #666666; line-height: 30px; height: 150px; overflow: hidden;  }

.anli-demo .one .left .act{ overflow: hidden; padding-top:34px; ; color: #666666; font-size: 16px; line-height: 30px;}

.anli-demo .one .left .act .left-txt{ float: left;}

.anli-demo .one .left .act .left-txt font span{  color: #da0606;}

.anli-demo .one .left .act .left-txt span{  color: #333333}

.anli-demo .one .left .act .left-txt .dizhi a:hover { color: red;}

.anli-demo .one .left .act .baojia{ display: block; margin-top: 14px; width: 145px; text-align: center; height:45px ; line-height: 45px;

    font-size: 16px; color: #ffffff; background: #ffa200; float: right;  border-radius: 5px; margin-left:10px; ;}

.anli-demo .one .left .act .baojia:hover{ background: #f5b039;}

.anli-demo .one .left .act .zixun{ display: block; margin-top: 14px; width: 145px; text-align: center; height:45px ; line-height: 45px;

    font-size: 16px; color: #ffffff; background: #6f6f6f; float: right; border-radius: 5px;}

.anli-demo .one .left .act .zixun:hover{  background: #999494;}

.anli-demo .one .right{ width:40% ; background:#f9f9f9; /*#f9f9f9*/; height: 470px;}

.anli-demo .one .right .layout{  padding: 65px 0px 0px 70px; }

.anli-demo .one .right .tit{ background: url("/skin/img/title_xian.jpg") no-repeat left bottom; font-size: 24px; color: #333333;

    margin-bottom:25px;line-height: 44px; }

.anli-demo .one .right p{ font-size: 16px; color:#666666; line-height: 36px; background: url("/skin/img/lingxing.png") no-repeat left center;

    padding-left: 25px;}

.anli-demo .one .right .more{ display: block; margin-top: 60px; color: #e32323; font-size: 18px;}

.anli-demo .one .right .more:hover{ color:#eb4c4c;  }

.anli-demo .two { text-align: center;}

.anli-demo .two .tit{ margin-top: 80px; color: #333333; font-size: 24px; line-height:28px;  ;}

.anli-demo .two .img1{ background: #fff; margin-top: 290px; position: relative;}

.anli-demo .two .img1 .img2{ position: absolute; display: block; top: -250px;  width: 100%;}

.anli-demo .two .img1 .img2 img{ display: block; margin: 0 auto;}

/*.anli-demo .two .img1 .txt{ position: absolute;bottom: 80px;  width: 100%;}

.anli-demo .two .img1 .txt1{ color: #999999; font-size: 25px; margin: 0 auto;font-weight: 200;

    background:url("/skin/img/two_tit_bg.png") no-repeat;width: 214px; height: 55px; line-height: 55px;}*/

.anli-demo .two .mobileimg img{width: 100%;height: auto;display: block;}

.anli-demo .two .mobileimg{height: 843px;background: #fff;position: relative;}

.anli-demo .two .img1 .txt,.anli-demo .two .mobileimg .txt{ position: absolute;bottom: 80px;  width: 100%;}

.anli-demo .two .img1 .txt1,.anli-demo .two .mobileimg .txt1{ color: #999999; font-size: 25px; margin: 0 auto;font-weight: 200;

    background:url("/skin/img/two_tit_bg.png") no-repeat;width: 214px; height: 55px; line-height: 55px;}

.anli-demo .two .img1-re{ background: #fff; margin-top: 290px; position: relative; height: 390px;}

.anli-demo .two .img1-re .img2{ position: absolute; display: block; top: -250px;  width: 100%;}

.anli-demo .two .img1-re .img2 img{ display: block; margin: 0 auto;}

.anli-demo .two .img1-re .txt{ position: absolute;bottom: 80px;  width: 100%;}

.anli-demo .two .img1-re .txt1{ color: #999999; font-size: 25px; margin: 0 auto;font-weight: 200;

    background:url("/skin/img/two_tit_bg.png") no-repeat;width: 214px; height: 55px; line-height: 55px;}



.anli-demo .two .img1-reipad{ background: #fff; margin-top: 290px; position: relative; height: 650px;}

.anli-demo .two .img1-reipad .img2{ position: absolute; display: block; top: -280px;  width: 100%;}

.anli-demo .two .img1-reipad .img2 img{ display: block; margin: 0 auto;}

.anli-demo .two .img1-reipad .txt{ position: absolute;bottom: 180px ;  width: 100%;}

.anli-demo .two .img1-reipad .txt1{ color: #999999; font-size: 25px; margin: 0 auto;font-weight: 200;

    background:url("/skin/img/two_tit_bg.png") no-repeat;width: 214px; height: 55px; line-height: 55px;}



.anli-demo .three .tit{ margin:115px auto 120px auto; text-align: center; color:#666666; font-size: 20px; line-height:40px;  text-transform: uppercase ;

    border:2px solid #e6494b; border-right: none; border-left: none; width: 180px;  }

.anli-demo .three .color{ display: block; margin: 0 auto 110px auto;}

.anli-demo .four{ background: #fff; padding-top: 50px;}

.anli-demo .four .tit{ margin:0px auto 70px auto; text-align: center;

    color: #999999; font-size: 25px; font-weight: 200; text-transform: uppercase;

    background:url("/skin/img/two_tit_bg.png") no-repeat;width: 214px; height: 55px; line-height: 55px; }

.anli-demo .four .layout-1200{ width: 1240px; margin: 0 auto; text-align: center;}

.anli-demo .four .layout-1200 .tit1{ font-size: 20px; color:#333333; font-weight: bold; line-height: 24px; padding-bottom: 20px;}

.anli-demo .four .layout-1200 .p{ font-size: 16px; line-height: 32px; padding-bottom: 30px; text-align: center; color: #333;}

.anli-demo .four .layout-1200 .p span{ color: #009fd9;}

.anli-demo .four .layout-1200 img{ display: block; margin: 0 auto 50px auto;}

.anli-demo .four .layout-1200 ul{ margin: 0 0 60px 0; display:inline-block;  overflow: hidden; }

.anli-demo .four .layout-1200 ul li{ display: block; float: left; line-height: 40px; margin: 0 4px;  }

.anli-demo .four .layout-1200 ul li a{ display: block;  border:1px solid #c3c3c3; padding: 0 25px;

    font-size: 15px; color: #666666; text-align: center;}

.anli-demo .four .layout-1200 ul li:last-child a{ margin-right: 0;}

.anli-demo .four .layout-1200 ul li a:hover{ background: #009fd9; color: #fff; border:1px solid #009fd9;}

.anli-demo .four .layout-1200 ul li .a-active{display: block;  font-size: 15px; color: #fff; text-align: center;  background: #009fd9;border:1px solid #009fd9;  }

.anli-demo .four .layout-1200 .watch{ padding:60px 0 120px 0 ;}

.anli-demo .five{ text-align: center;}

.anli-demo .five .layout{ display: inline-block; padding-bottom: 110px;}

.anli-demo .five .baojia{ display: block; margin-top: 14px; width: 145px; text-align: center; height:45px ; line-height: 45px;

    font-size: 16px; color: #ffffff; background: #ffa200; float: right;  border-radius: 5px; margin-left:10px; ;}

.anli-demo .five .zixun{ display: block; margin-top: 14px; width: 145px; text-align: center; height:45px ; line-height: 45px;

    font-size: 16px; color: #ffffff; background: #6f6f6f; float: right; border-radius: 5px;}

.anli-demo .five .zixun:hover{ background: #999494;}

.anli-demo .five .baojia:hover{ background: #f5b039;}

/*网络营销*/

.yingxiao{  background: #f8f8f8; padding-bottom: 60px;}

.yingxiao .list{width: 94%;  max-width:1400px;margin: 0px auto 0px auto; background: #fff;  overflow: hidden;  }

.nybanner1{  background: url("/skin/img/ny_banner1.jpg") no-repeat center center #ffffff;}

.yingxiao .title{ text-align: center;font-family: SourceHanSansCN-Normal,"微软雅黑";; background: #f8f8f8; }

.yingxiao .t1{ color: #333333; font-size: 26px; line-height: 30px; padding-top: 110px; padding-bottom: 25px; }

.yingxiao .t2{ color: #009fd9; font-size: 38px; line-height: 42px; padding-bottom: 55px;   }

.yingxiao .one{ background: #fff;  overflow: hidden; padding: 80px 0 60px 0;}

.yingxiao .one .left{ width:525px ; overflow: hidden;}

.yingxiao .one .left img{ display: block; float: right;}

.yingxiao .one .right{ padding-left: 85px; width: 755px; color: #333333; font-size: 18px; font-weight: bold; line-height: 46px;}

.yingxiao .two{  color: #ffffff; font-size: 18px; line-height: 40px; background: #e13e38; padding:66px 50px 80px 50px;

    text-align: center ;}

.yingxiao .three{ padding: 40px 100px 0 100px;}

.yingxiao .three .cell{ margin-top: 65px; height: 340px; overflow: hidden; border-bottom: 1px dotted #d1d1d1; }

.yingxiao .three .cell:last-child{ border-bottom: none; }

.yingxiao .three .type1 .left{ width: 550px ; margin-top: 25px;}

.yingxiao .three .type1 .left .img{  width: 435px; float: left; position: relative;}

.yingxiao .three .type1 .left .img .num{ position: absolute; left:20px ; top:-25px ; color: #009fd9; font-size: 60px; line-height: 50px; font-family: DinC;}

.yingxiao .three .type1 .left .img img{ display: block; width: 435px; height: 220px; }

.yingxiao .three .type1 .left .xian{ float: left; width:60px ; text-indent: 60px; overflow: hidden;

    margin-left:22px ; height: 3px; background:#009fd9 ;}

.yingxiao .three .type1 .right{ width:640px ; text-align: left;}

.yingxiao .three .type1 .right .txt1{ font-size: 28px; color: #009fd9; line-height: 50px; padding-bottom: 10px;}

.yingxiao .three .type1 .right  p{ color: #666666; font-size: 15px; line-height: 36px;}

.yingxiao .three .type2 .left{ width: 630px ;  text-align: left;}

.yingxiao .three .type2 .left .txt1{ font-size: 28px; color: #009fd9; line-height: 50px; padding-bottom: 10px;}

.yingxiao .three .type2 .left  p{ color: #666666; font-size: 15px; line-height: 36px;}

.yingxiao .three .type2 .right{ width:520px ; margin-top: 25px;}

.yingxiao .three .type2 .right .img{  width: 435px; float: left; position: relative;}

.yingxiao .three .type2 .right .img .num{ position: absolute; left:20px ; top:-25px ; color: #009fd9; font-size: 60px; line-height: 50px; font-family: DinC;}

.yingxiao .three .type2 .right .img img{ display: block; width: 435px; height: 220px; }

.yingxiao .three .type2 .right .xian{ float: left; width:60px ; text-indent: 60px; overflow: hidden;

    margin-right:22px ; height: 3px; background:#009fd9 ;}

@media only screen and (min-width: 1279px) and (max-width: 1919px) {

    .yingxiao .one .left{ width:430px ; overflow: hidden;}

    .yingxiao .one .right{ padding-left: 45px; width: 725px; }

    .yingxiao .list{ max-width:1200px;}

    .yingxiao .three{ padding: 40px 50px 0 50px;}

    .yingxiao .three .type1 .left{ width: 520px ; }

    .yingxiao .three .type1 .right{ width:560px ; }

    .yingxiao .three .type2 .left{ width: 560px ; }

    .yingxiao .three .type2 .right{ width:520px ; }

}





/*全网营销页面*/

.yingxiao2{  background: #f8f8f8; padding-bottom: 60px;}

.yingxiao2 .list{width: 94%;  max-width:1400px; margin: 0px auto 0px auto; background: #fff;  overflow: hidden;  }

.yingxiao2 .title{ text-align: center;font-family: SourceHanSansCN-Normal,"微软雅黑";; background: #f8f8f8; }

.yingxiao2 .t1{ color: #333333; font-size: 26px; line-height: 30px; padding-top: 110px; padding-bottom: 25px; }

.yingxiao2 .t2{ color: #009fd9; font-size: 38px; line-height: 42px; padding-bottom: 55px;   }

.yingxiao2 .one{ background: #f66a60;  overflow: hidden; padding: 100px 0 90px 0;}

.yingxiao2 .one .left{ width:475px ; overflow: hidden;}

.yingxiao2 .one .left img{ display: block; float: right;}

.yingxiao2 .one .right{ padding-left: 140px; width: 650px; color: #ffffff; font-size: 18px; line-height: 46px;}

.yingxiao2 .one .right font{ display: block; font-weight: bold;  font-size: 22px;  padding-bottom: 5px;}

.yingxiao2 .two{width: 1200px; margin: 0 auto;}

.yingxiao2 .two .two-1 { color: #333333; font-size: 28px;  line-height: 30px; text-align: center; padding: 90px 0 35px 0;}

.yingxiao2 .two  img{ display: block; margin: 0 auto;}

.yingxiao2 .two p{ font-size: 15px; color: #666666; line-height: 36px; padding: 40px 0 75px 0;  border-bottom: 1px dotted #d1d1d1; }

.yingxiao2 .three{width: 1200px; margin: 0 auto ; padding-bottom: 90px;}

.yingxiao2 .three .three-1 { color: #333333; font-size: 28px; line-height: 30px; text-align: center; padding: 80px 0 60px 0;}

.yingxiao2 .three .cell { overflow: hidden; margin-bottom: 25px;}

.yingxiao2 .three .cell .left{ width:540px; ;}

.yingxiao2 .three .cell .right{ width:540px ;}

.yingxiao2 .three .cell  .num{ font-family: DinC; font-size: 48px; color: #009fd9; line-height: 40px; float: left; width: 70px;}

.yingxiao2 .three .cell  .tit{ width: 245px; height: 38px; border: 1px solid #009fd9; padding-left: 15px; line-height: 38px;

font-size:18px; color: #009fd9; float: left; margin-bottom: 10px;}

.yingxiao2 .three .cell  .text{ padding-left:70px; ; clear: both; color: #666666; font-size: 15px; line-height: 30px; }

.yingxiao2 .four{ background: #f8f8f8;  overflow: hidden; padding: 95px 0 30px 0;}

.yingxiao2 .four .four-1{ position: relative; width: 1100px ;margin: 30px auto 0 auto; height: 1px ;background:#dbdbdb ; z-index: 1; }

.yingxiao2 .four .four-1 .txt{ position: absolute; color: #333333; font-size: 28px; line-height: 30px;

 width: 230px; height: 30px; left: 50%; margin-left: -115px; top:-15px; z-index: 2; background: #f8f8f8; text-align: center;}

.yingxiao2 .four .cell{ padding-top: 80px; width: 1070px ;margin: 0 auto; color: #666666; font-size: 15px; line-height: 30px;}

.yingxiao2 .four .cell .left{ padding-left: 75px; background: url("/skin/img/yx2_2.png") no-repeat left center;}

.yingxiao2 .four .cell .right{ padding-left: 75px; background: url("/skin/img/yx2_3.png") no-repeat left center; }

@media only screen and (min-width: 1279px) and (max-width: 1919px) {

    .yingxiao2 .one .left{ width:430px ;}

    .yingxiao2 .one .right{ padding-left: 100px; width: 650px; }

}









/*关于我们页面*/

.about{  background: #f8f8f8; padding-bottom: 0px;}

.about .list{width: 94%;  max-width:1400px; margin: 0px auto 0px auto; background: #fff;  overflow: hidden;  }

.about .title{ text-align: center;font-family: SourceHanSansCN-Normal,"微软雅黑";; background: #fff; }

.about .t1{ color: #333333; font-size: 34px; line-height: 40px; padding-top: 90px;  font-weight: 200; padding-bottom: 30px; }

.about .t2{ color: #009FD9; font-size: 20px; line-height: 40px; font-weight: 200; padding-bottom: 35px;   }

.about .t3{ color: #666666; font-size: 16px; line-height: 36px; padding-bottom:85px;   }

.nybanner2{  background: url("/skin/img/nybanner2.jpg") no-repeat center bottom #fff;}

.about .one{ background: #f8f8f8;  overflow: hidden; padding: 100px 0 125px 0;}

.about .one h3{display: block; cursor:default ; color:#333333; font-weight: 200; font-size: 34px; text-align: center; line-height: 40px; padding-bottom: 55px; }

.about .one .cont{ overflow: hidden;}

.about .one .left{ float: left; width: 331px; margin-right: 25px; }

.about .one .left:last-child{ margin-right: 0;}

.about .one .left .layout{}

.about .one .left .img1{ border: 3px solid #fff; width:326px ; height:200px ; margin-bottom: 18px;

 box-shadow: 0px 8px 8px  #ececec;}

.about .one .left .txt1{ line-height: 75px; font-size: 22px; color: #009FD9; padding: 0 5px;}

.about .one .left .txt2{ line-height: 36px; font-size: 16px; color: #666666; padding: 0 5px;}



.about .container{width: 100%;   background: #fff;  overflow: hidden;  }

.about .two{width: 94%;  max-width:1400px;margin: 0px auto 0px auto;  backgtworound: #ffffff;  overflow: hidden; padding: 110px 0 20px 0;}

.about .two h3{ display: block; cursor:default ; color:#333333; font-weight: 200; font-size: 34px; text-align: center; line-height: 40px; padding-bottom:75px; }

.about .two .cont{ overflow: hidden; background: url("/skin/img/about-bg.png") no-repeat ;  background-size: 100% 550px;

 overflow: hidden;}

.about .two .cont h4{ line-height: 65px;  font-size: 24px; color: #d0d0d0; font-family: Arial; font-weight: normal; text-transform: uppercase; }

.about .two .cont h4 span{font-family: 微软雅黑; color: #009FD9; padding-right: 8px;}

.about .two .cont h5{ color: #333333; font-size: 20px; line-height: 24px; font-weight: normal; padding-bottom: 20px;}

.about .two .cont .text{ font-size: 16px; color: #666666; line-height: 36px;}

.about .two .cont .left{ width: 510px; padding-left: 140px; height: 320px; }

.about .two .cont .right{ width: 510px; padding-left: 140px;height: 320px; }

.about .two .cont .img1{background: url("/skin/img/about_1.png") no-repeat left top;}

.about .two .cont .img2{background: url("/skin/img/about2.png") no-repeat left top;}

.about .two .cont .img3{background: url("/skin/img/about3.png") no-repeat left top;}

.about .two .cont .img4{background: url("/skin/img/about4.png") no-repeat left top;}

.about .four{width: 94%;  max-width:1400px;margin: 0px auto 0px auto;  backgtworound: #ffffff;  overflow: hidden; padding: 100px 0 40px 0;}

.about .four h3{ color:#333333; font-weight: 200; font-size: 34px; text-align: center; line-height: 40px; padding-bottom:65px; }

.about .four .cell{ margin-bottom: 50px; padding-left: 135px;}

.about .four .cell h4{ color: #009FD9; font-size:24px; line-height: 45px ; padding-bottom: 6px;}

.about .four .cell .text{ color: #666666; font-size: 16px; line-height: 36px;}

.about .four .img1{background: url("/skin/img/about_5.png") no-repeat left top;}

.about .four .img2{background: url("/skin/img/about6.png") no-repeat left top;}

.about .four .img3{background: url("/skin/img/about7.png") no-repeat left top;}

.about-m5 { margin-bottom: 0px;}

@media only screen and (min-width: 1279px) and (max-width: 1919px) {

    .about .one .left{  width: 25%; margin-right:0; }

    .about .one .left .layout{ width: 90%; margin: 0 auto; overflow: hidden;}

    .about .one .left .img1{ border: 3px solid #fff; height:200px ; margin-bottom: 18px;

        box-shadow: 0px 8px 8px  #ececec;}

    .about .two .cont .left{ width: 36%; padding-left: 140px; height: 320px; }

    .about .two .cont .right{ width: 36%; padding-left: 140px;height: 320px; }

}



/*与众不同*/



.butong{  background: #f8f8f8; padding-bottom:100px;}

.butong .list{   }

.butong .title{ text-align: center;font-family: "SourceHanSansCN-Normal","微软雅黑";; background: #f8f8f8; }

.butong .title2{ color: #009fd9; font-size: 36px; line-height: 40px;  padding-top: 95px; padding-bottom: 65px; font-weight: 200;   }

.butong .one{   margin-bottom: 85px; background: #f8f8f8; }

.butong .one .layout{ width: 1260px; margin: 0 auto; overflow: hidden; }

.butong .one .layout-w{ width: 94%;  max-width:1400px;margin: 0px auto; background: #ffffff; padding: 90px 0 ; }

.butong .one .left{ width:800px ;}

.butong .one .right img{ display: block; }

.butong .two{  margin-bottom: 85px; background: #009fd9;padding: 95px 0 100px 0; }

.butong .two .layout{width: 1260px; margin: 0 auto; overflow: hidden;  padding: 90px 0; }

.butong .two .layout-w{width: 94%;  max-width:1400px; margin: 0 auto; background: #ffffff;  }

.butong .two .left img{ display: block;}

.butong .two .right {  width:800px ; }

.butong .three{  margin-bottom: 85px; background: #f8f8f8; }

.butong .three .layout{width: 1260px; margin: 0 auto; overflow: hidden;  padding: 90px 0; }

.butong .three .layout-w{width: 94%;  max-width:1400px; margin: 0 auto; background: #ffffff;  }

.butong .three .left{ width:800px ;}

.butong .three .right img{ display: block; }

.butong .cell .layout .t1{ font-size: 24px; line-height: 30px; padding-bottom: 10px; padding-top: 50px;

    color: #bbbbbb; font-family: "AkzidenzGrotesk-Light"; text-transform: uppercase }

.butong .cell .layout .t2{ font-size: 26px; line-height: 26px; color: #333333; font-family: SourceHanSansCN-Normal,"微软雅黑";;

    padding-bottom: 17px; background: url("/skin/img/yuzh_bg.jpg") no-repeat left bottom; margin-bottom: 35px;}

.butong .cell .layout .t2 font{ color:#009FD9 ;}

.butong .cell .layout .t3{ font-size: 15px; color: #666666; line-height:30px ; }





.butong .four{  padding:110px 0 120px 0;  background: #ffffff; }

.butong .four .layout-w{width: 94%;  max-width:1400px; margin: 0 auto; overflow: hidden;  }

.butong .four .right{ width:790px ;}

.butong .four .left img{ display: block; }

.butong .four .t4{ color: #009FD9; font-size: 26px; line-height: 40px;font-family: SourceHanSansCN-Normal,"微软雅黑";;  padding-top: 5px; margin-bottom: 20px; font-weight: 200;}

.butong .four p{ font-size: 15px; color: #666666; line-height: 30px; margin-bottom: 16px;}

.butong .four a.more{  font-size: 18px; color: #009FD9;font-family: SourceHanSansCN-Normal,"微软雅黑";; overflow: hidden;

    line-height: 30px;  }

.butong .four a.more .img{ padding-top: 5px; float: left; padding-right: 4px;}

.butong .four a.more .txt{  background: url("/skin/img/shou2.jpg") no-repeat right center; float: left; padding-right: 26px; }

.butong .five .layout-w{width: 94%;  max-width:1400px; margin: 0 auto; overflow: hidden; }

.butong .five .f-title{ font-size: 30px; line-height: 40px; color: #333333; font-family: SourceHanSansCN-Normal,"微软雅黑";; text-align: center;

    padding: 100px 0 50px 0;}

.butong .five .f-left{  float: left; width: 16.66%; }

.butong .five .f-left .f-cell{ width: 94%; margin: 0 auto;   height:270px ;  border:1px solid #f0f0f0; padding: 2px;}

.butong .five .f1{ color: #333333; font-size: 18px; line-height: 24px; padding-top: 165px; text-align: center; padding-bottom: 6px;}

.butong .five .f2{ font-size: 12px; color: #999999; font-family: Arial; line-height: 16px; text-align: center;}

.butong .five .f-left .f-cell:hover{ border:  3px solid #009fd9; padding: 0px;}

.butong .five .f-left .f-cell:hover .f1{ color:#009fd9 ;}

.butong .five .f-left .f-cell:hover .f2{ color:#009fd9 ;}

.butong .five .five1{ background: url("/skin/img/yuzh_1.png") #ffffff no-repeat center top 45px;}

.butong .five .five2{ background: url("/skin/img/yuzh_2.png") #ffffff  no-repeat center top 45px;}

.butong .five .five3{ background: url("/skin/img/yuzh_3.png") #ffffff no-repeat center top 45px;}

.butong .five .five4{ background: url("/skin/img/yuzh_4.png") #ffffff no-repeat center top 45px;}

.butong .five .five5{ background: url("/skin/img/yuzh_5.png") #ffffff no-repeat center top 45px;}

.butong .five .five6{ background: url("/skin/img/yuzh_6.png") #ffffff no-repeat center top 45px;}

.butong .five .five1:hover{ background: url("/skin/img/yuzh_1h.png") #ffffff no-repeat center top 45px;}

.butong .five .five2:hover{ background: url("/skin/img/yuzh_2h.png") #ffffff no-repeat center top 45px;}

.butong .five .five3:hover{ background: url("/skin/img/yuzh_3h.png") #ffffff no-repeat center top 45px;}

.butong .five .five4:hover{ background: url("/skin/img/yuzh_4h.png") #ffffff no-repeat center top 45px;}

.butong .five .five5:hover{ background: url("/skin/img/yuzh_5h.png") #ffffff no-repeat center top 45px;}

.butong .five .five6:hover{ background: url("/skin/img/yuzh_6h.png")#ffffff no-repeat center top 45px;}



@media only screen and (min-width: 1279px) and (max-width: 1919px) {

    .butong .one .layout{width: 1100px;}

    .butong .two .layout{width: 1100px;}

    .butong .three .layout{width: 1100px;}

    .butong .one .left{ width:600px ;}

    .butong .two .right {  width:600px ; }

    .butong .three .left{ width:600px ;}

    .butong .four .right{ width:600px ;}



}

.box{background: #F8F8F8;}



.contact{  background: #f8f8f8; padding-bottom:110px;}

.contact .layout-w{background: #fff;padding: 50px 3%;}

.contact .title{ text-align: center;font-family: "SourceHanSansCN-Normal","微软雅黑";; background: #f8f8f8; }

.contact .title2{ color: #009fd9; font-size: 36px; line-height: 40px;  padding-top: 80px; padding-bottom: 60px; font-weight: 200;   }

.contact .one{ overflow: hidden; width: 1140px; margin: 0 auto; padding: 80px 0 95px 0;}

.contact .one a{display: block; float: left; font-size: 18px; color: #333333; background: url("/skin/img/contact_2.png") no-repeat;

    width: 124px; height: 124px; text-align: center; line-height: 124px; margin: 0 65px;}

.contact .one a:first-child{margin-left: 0;}

.contact .one a:last-child{margin-right: 0;}

.contact .one a:hover{color: #FFFFFF; background: url("/skin/img/contact_1.png") no-repeat;}

/*.contact .two{  width: 1200px;  margin: 0 auto;}*/

.contact .two .txt{  float: left; width: 400px; }

.contact .two .txt .t1{font-size: 24px; color: #333333; line-height: 46px; padding-bottom: 8px; }

.contact .two .txt .t2{font-size: 16px; color: #666666; line-height: 40px; }

.contact .two .img{  float: right; width:720px ; height:408px; }

.contact .two .addc{ overflow: hidden; border-bottom: 1px  dotted #d9d9d9; margin-bottom: 0;}

.contact .two .addc:last-child{ border-bottom:none; margin-bottom: 0;}

@media only screen and (min-width: 1279px) and (max-width: 1919px) {

    .contact .two{  width: 1140px;}



}





.showMorehandle{ width:300px; height:60px; background:#dfdfdf; font-size:24px;margin:0 auto 50px auto; text-align:center; line-height:60px; color:#fff}





/*新增---网站二维码*/

.anli .cont li .img-ewm{ display: none;  position: absolute; left: 0 ;top:0; width: 100%; height: 100%;  text-align: center; background: url("/skin/img/bg1.png") repeat;  }

.anli .ewm-bg{position: relative; left: 50% ;top:40%;   margin-left: -52px; margin-top: -52px; width:104px ; height: 104px; background: url("/skin/img/ewm_bg2.png") no-repeat;}

.anli .cont li .ewm-bg img{ display: block; width:90px ; height: 90px;  margin:  0 auto; padding-top: 7px;  }

.anli .cont li .img-ewm .tip{ color:#ffffff;  font-size:14px; line-height: 20px; position: absolute; left: -100% ; bottom: -30px;  text-align: center; width: 300%; }

.anli .cont li .layout:hover .img-ewm{ display: block;}

@media only screen and (min-width: 2559px) and (max-width: 200000px) {

    .anli .ewm-bg{position: relative; left: 50% ;top:50%;   margin-left: -69px; margin-top: -69px; width:138px ; height: 138px; background: url("/skin/img/ewm_bg.png") no-repeat;}

    .anli .cont li .ewm-bg img{  width:124px ; height: 124px;  margin:  0 auto;  }

}

@media only screen and (min-width: 1919px) and (max-width: 2559px) {

    .anli .ewm-bg{position: relative; left: 50% ;top:45%;   margin-left: -57px; margin-top: -57px; width:114px ; height: 114px; background: url("/skin/img/ewm_bg3.png") no-repeat;}

    .anli .cont li .ewm-bg img{  width:100px ; height: 100px;  margin:  0 auto;  }

    .anli .cont li .img-ewm .tip{  font-size:16px;  }

}





/*pc-右侧悬浮框*/

/*.top{opacity:0;z-index: 100000;transition:all 0.8s;-moz-transition:all 0.8s;-webkit-transition:all 0.8s;-o-transition:all 0.8s;}

.top a{width:48px;height:48px;display:inline-block; background:url(/skin/img/top.jpg) top center no-repeat; outline:none;}

.top a:hover{background:url(/skin/img/top.jpg) center -192px no-repeat;}

.pc-suspension{position: fixed;right:0;top:35%;width:48px;z-index: 999;}

.suspension-show a{display: block;width:48px;height:48px;margin-top:3px;cursor: pointer;}

.suspension-show-one{background:url(/skin/img/top.jpg) center -48px no-repeat;}

.suspension-show-two{background:url(/skin/img/top.jpg) center -96px no-repeat;}

.suspension-show-three{background:url(/skin/img/top.jpg) center -144px no-repeat;}

.suspension-show-one:hover{background:url(/skin/img/top.jpg) center -240px no-repeat;}

.suspension-show-two:hover{background:url(/skin/img/top.jpg) center -288px no-repeat;}

.suspension-show-three:hover{background:url(/skin/img/top.jpg) center -336px no-repeat;}

.suspension-hide-pho{display:none;position:relative;border-radius:10px;top:-130px;width:200px;left:-300px;background: #edebeb;padding:10px 40px 20px 40px;}

.suspension-hide-pho p{margin-top:12px;font-size: 16px;color:#333333;line-height: 30px;overflow: hidden;}*/



.top{opacity:0;z-index: 100000;transition:all 0.8s;-moz-transition:all 0.8s;-webkit-transition:all 0.8s;-o-transition:all 0.8s;}

.top a{width:48px;height:48px;display:inline-block; background:url(/skin/img/top.jpg) top center no-repeat; outline:none;}

.top a:hover{background:url(/skin/img/top.jpg) center -196px no-repeat;}

.pc-suspension{position: fixed;right:0;top:30%;width:0.48rem;z-index: 999;}

.suspension-show a{display: block;width:0.48rem;height:0.48rem;margin-top:3px;cursor: pointer;}

.suspension-show-one{background:url(/skin/img/top.jpg) center -0.48rem no-repeat;background-size:0.48rem;}

.suspension-show-two{background:url(/skin/img/top.jpg) center -0.96rem no-repeat;background-size:0.48rem;}

.suspension-show-three{background:url(/skin/img/top.jpg) center -1.44rem no-repeat;background-size:0.48rem;}

.suspension-show-one:hover{background:url(/skin/img/top.jpg) center -2.4rem no-repeat;background-size:0.48rem;}

.suspension-show-two:hover{background:url(/skin/img/top.jpg) center -2.88rem no-repeat;background-size:0.48rem;}

.suspension-show-three:hover{background:url(/skin/img/top.jpg) center -3.36rem no-repeat;background-size:0.48rem;}

.suspension-hide-pho{display:none;position:relative;border-radius:10px;top:-1.3rem;width:2rem;left:-3rem;background: #edebeb;padding:0.1rem 0.4rem 0.2rem;}

.suspension-hide-pho p{margin-top:12px;font-size: 0.16rem;color:#333333;line-height: 0.3rem;overflow: hidden;}



.suspension-show-four{ background:url(/skin/img/weixin.jpg) no-repeat center ;background-size:0.48rem;}

.suspension-show-four:hover{ background:url(/skin/img/weixinh.jpg) no-repeat center ;background-size:0.48rem;}



.suspension-hide-ewm{ display:none;position:relative;top:-1.15rem;width:1.15rem;left:-1.3rem;}

.suspension-hide-ewm img{ width: 1.15rem; height: 1.15rem;}







/*单页*/

/*app推广*/

.app{  background: #f8f8f8; padding-bottom: 60px;}

.app .title{ text-align: center;  background: #f8f8f8; }

.app .title2{ color: #333333; font-size: 28px; line-height: 30px;

    padding-top: 95px; padding-bottom: 65px;  }

.app .one{ width: 1140px; margin: 0 auto;}

.app .one .list{overflow: hidden;margin-bottom: 60px; }

.app .one .list .left{ float: left; width:285px; text-align: center;   }

.app .one .list .left img{ display: block; margin: 0 auto;}

.app .one .list .left .t1{ font-size: 20px; color: #333333; line-height: 24px; margin: 35px 0 12px 0;}

.app .one .list .left .t2{ font-size: 14px; color: #666666; line-height: 24px;}

.app .two { background:#009fd9 ; width: 100%; padding-bottom: 110px; margin-bottom: 70px;}

.app .two .list{ width: 1200px; margin: 0  auto ; background: #ffffff; padding:80px 100px 45px 100px; overflow: hidden;}

.app .two span{  display: block;  float:left;   width:206px;  height:112px;  margin-left:42.5px; margin-bottom: 35px;  }

.app .two span img{ width: 206px; height: 112px;}

.app .two span:nth-of-type(5n+1){  margin-left:0;  }

.app .two .title1{ color: #f8f8f8; font-size: 28px; line-height: 30px; text-align: center;

    padding-top: 95px; padding-bottom: 45px;  }

.app .three{ background: #FFFFFF; width:1200px; padding: 0 100px ; margin: 0 auto;}

.app .three .title1{ color: #333333; font-size: 28px; line-height: 30px; text-align: center;

    padding-top: 70px; padding-bottom: 50px; }

.app .three .apptg_3{  width:1200px;  margin:0 auto;    overflow: hidden;  }

.app .three .apptg_3 .hp1{  overflow: hidden;    border-bottom:1px solid #dcdcdc; }

.app .three .apptg_3 .hp2{  overflow: hidden; padding-top: 65px;  }

.app .three .apptg_3 .hp1 img{  display: block;  float: left; padding-left:88px;  padding-bottom: 45px; }

.app .three .apptg_3 .txt{  display: block;  float: left;   }

.app .three .apptg_3 .txt h3{  font-size: 28px;  color:#009fd9; line-height: 30px;  }

.app .three .apptg_3 .txt h4{  font-size: 28px;  color:#333333; line-height: 30px;  margin:15px 0 20px 0;  }

.app .three .apptg_3 .txt span{  font-size: 14px;  color:#333333;  line-height: 26px;  }

.app .three .apptg_3 .hp2 .txt{  padding-left: 65px; padding-top: 100px;  width: 420px; }

.app .three .apptg_3 .hp1 .txt{ padding-left: 95px; padding-top: 40px; width: 430px; }

.app .four { background: #f8f8f8; width: 1200px; margin: 0 auto;}

.app .four .tit1{ color: #333333; font-size: 28px; line-height: 30px; text-align: center;

    padding-top: 110px; padding-bottom: 15px;}

.app .four .tit2{ color: #333333; font-size: 20px; line-height: 20px; text-align: center;  padding-bottom: 15px;}

.app .four  img{ display: block; margin: 0 auto;}

@media only screen and (min-width: 1279px) and (max-width: 1400px) {

    .app .two .list{ width: 1200px;padding:80px 20px 45px 20px;  margin: 0 auto;}

    .app .three {  width: 100%; padding: 0; }

}



/*智能网站系统*/

.jianshe_sj4 {  padding: 0px 0 30px 0;  background: #ffffff;  }

.jianshe_sj4_tab {  width: 1075px;  margin: 0px auto  110px auto; }

.jianshe_sj4_tab h5 {padding-top:90px; margin-bottom: 30px; font-size: 30px; color: #009fd9; font-weight: normal; line-height: 40px; text-align: center;  }

.jianshe_sj4_tab table {  border-collapse: collapse;  width: 100%;  background: #009fd9;  border-radius: 10px;  }

.jianshe_sj4_tab thead {  border-radius: 10px 10px 0 0;  }

.jianshe_sj4_tab thead td {  font-size: 18px;  color: #ffffff;  padding-left: 30px;  border-left: 1px solid #c53733;  line-height: 60px;  }

.jianshe_sj4_tab thead td:first-child {  border-left: 0;  }

.jianshe_sj4_tab tbody td {  line-height: 28px;  font-size: 16px;  color: #666666;  padding: 20px 40px 20px 30px;  border-left: 1px solid #efefef;  border-bottom: 1px solid #efefef;  background: #ffffff;  }

.jianshe_sj4_tab tbody {  border-radius: 10px 10px 0 0;  }

.jianshe_sj4_tab tbody tr:first-child td:first-child {  border-left: 0;  border-radius: 10px 0 0 0;  }

.jianshe_sj4_tab tbody tr:first-child td:last-child {  border-radius: 0 10px 0 0;  }

.jianshe_sj4_tab tbody tr td:first-child {  border-left: 0; color: #333333  }

.jianshe_sj4_tab tbody tr:last-child td:first-child {  border-left: 0;  border-radius: 0 0 0 10px;  }

.jianshe_sj4_tab tbody tr:last-child td:last-child {  border-radius: 0 0 10px 0;  }

.jianshe_sj4_tab tbody tr:last-child td {  border-bottom: 0;  }

.jianshe_sj4_tab tbody tr:nth-of-type(2n) td{ background: #f7f7f7;}

.jianshe_sj4_tab tbody tr:nth-of-type(2n+1) td{ background: #fcfcfc;}

.jianshe_sj4_tab tfoot {  overflow: hidden;  }

.jianshe_sj4_tab tfoot td {  line-height: 6px;  }

.zhn{ padding-bottom: 120px; background: #f8f8f8;}

.zhn .l_znxtbox {  width: 1400px;  margin: 0px auto 100px auto;  background: #ffffff; padding-bottom: 90px; }

.zhn .l_znxtbox h1 {  font-size: 36px; line-height: 40px;  color: #333333; font-weight: 200; font-family: SourceHanSansCN-Normal,"微软雅黑";;

    text-align:center; padding-bottom: 60px; padding-top: 100px; background:#f8f8f8 ;  }

.zhn .l_znxtbox .zhn-layout{ width: 1150px; margin: 0 auto; padding-top: 80px;}

.zhn .l_znxtbox .jianjie {  font-size: 15px;  color: #666666;   line-height:30px; padding-bottom: 45px; border-bottom: 1px solid #e5e5e5;  }

.zhn .l_znxtbox_list {  overflow: hidden;  margin-top: 25px;    }

.zhn .l_zntext a {  padding-left: 55px;  display: block;  width: 455px;  margin-top: 30px;  float: left;  }

.zhn .l_zntext a:nth-of-type(2n) {float: right;}

.zhn .l_zntext a h6 {  width: 246px;  font-size: 16px;  color: #009fd9;

    border: 1px solid #009fd9;  padding-left: 12px;  line-height: 30px;  font-weight: normal;  }

.zhn .l_zntext a p {  margin-left: 0;  margin-top: 16px; font-size: 15px; color: #666666; line-height: 30px;  }

.zhn .l_zntext a.zn1 {  background: url(/skin/img/dy/zhn1.jpg) top left no-repeat;  }

.zhn .l_zntext a.zn2 {  background: url(/skin/img/dy/zhn2.jpg) top left no-repeat;  }

.zhn .l_zntext a.zn3 {  background: url(/skin/img/dy/zhn3.jpg) top left no-repeat;  }

.zhn .l_zntext a.zn4 {  background: url(/skin/img/dy/zhn4.jpg) top left no-repeat;  }

@media only screen and (min-width: 1279px) and (max-width: 1400px) {

    .zhn .l_znxtbox {   margin: 0 auto 100px auto; width:1200px; ; }

}





/* 网站运维服务  */

.yw{ padding-bottom: 120px; background: #f8f8f8;}

.yw .l_znxtbox {  width: 1400px;  margin: 0px auto 100px auto;  background: #ffffff; padding-bottom: 40px; }

.yw .l_znxtbox h1 {  font-size: 36px; line-height: 40px;  color: #333333; font-weight: 200; font-family: SourceHanSansCN-Normal,"微软雅黑";;

    text-align:center; padding-bottom: 60px; padding-top: 100px; background:#f8f8f8 ;  }

.yw .l_znxtbox .zhn-layout{ width: 1150px; margin: 0 auto; padding-top: 80px;}

.yw .l_znxtbox_list {  overflow: hidden;  border-bottom: 1px solid #b9b9b9; padding-bottom: 75px;    }

.yw .l_zntext a {  padding-left: 55px;  display: block;  margin-right: 70px;  margin-top: 30px;  float: left;  }

.yw .l_zntext a:nth-of-type(3n){ margin-right: 0;}

.yw .l_zntext a h6 {  width: 264px;  font-size: 16px;  color: #333333;

    border: 1px solid #b9b9b9;  padding-left: 15px;  line-height: 32px;  font-weight: normal;  }

.yw .l_zntext a.zn1 {  background: url(/skin/img/dy/zhn1.jpg) top left no-repeat;  }

.yw .l_zntext a.zn2 {  background: url(/skin/img/dy/zhn2.jpg) top left no-repeat;  }

.yw .l_zntext a.zn3 {  background: url(/skin/img/dy/zhn3.jpg) top left no-repeat;  }

.yw .l_zntext a.zn4 {  background: url(/skin/img/dy/zhn4.jpg) top left no-repeat;  }

.yw .l_zntext a.zn5 {  background: url(/skin/img/dy/zhn5.jpg) top left no-repeat;  }

.yw .l_zntext a.zn6 {  background: url(/skin/img/dy/zhn6.jpg) top left no-repeat;  }

.yw .l_zntext a.zn7 {  background: url(/skin/img/dy/zhn7.jpg) top left no-repeat;  }

.yw .l_zntext a.zn8 {  background: url(/skin/img/dy/zhn8.jpg) top left no-repeat;  }

.yw .l_znxtbox p{  font-size: 16px; line-height: 26px; color: #333333; text-indent: 10px; padding-top: 30px;}

@media only screen and (min-width: 1279px) and (max-width: 1400px) {

    .yw .l_znxtbox {   margin: 0 auto 100px auto;width:1200px; ; }

}





/* 电商平台  */

.dianshang{  background: #f8f8f8; padding-bottom: 90px;}

.dianshang  .tit {  font-size: 30px; line-height: 40px;  color: #333333; font-weight: 200;

    font-family: SourceHanSansCN-Normal,"微软雅黑";; text-align:center; padding-bottom: 30px; padding-top: 70px;   }

.dianshang .one{ width: 1200px; margin:  0 auto 50px auto; padding: 100px 100px 85px 100px; background: #ffffff; overflow: hidden;}

.dianshang .one .one_l{ float: left; width: 610px;}

.dianshang .one .one_l .one_1_1{ font-size: 30px; line-height: 36px; color: #009fd9; padding-bottom: 25px;}

.dianshang .one .one_l .one_1_2{ font-size: 15px; line-height: 30px; color:#333333;}

.dianshang .one .one_r{ float: right;}

.dianshang .two{ width: 1200px; margin:  0 auto ; padding: 100px 100px 80px 100px; background: #ffffff; overflow: hidden;}

.dianshang .two h1{ font-size: 26px; line-height: 30px; color: #009fd9; font-weight: normal; padding-bottom: 10px; }

.dianshang .two h2{font-size: 16px; line-height: 30px; color: #333333; font-weight: normal; }

.dianshang .two h3{font-size: 16px; line-height: 30px; color: #333333; font-weight: normal; margin-bottom: 20px; }

.dianshang .two p{ font-size: 14px; line-height:26px; color: #333333; margin-bottom: 30px;}

@media only screen and (min-width: 1279px) and (max-width: 1400px) {

    .dianshang .one{  width:1200px; padding: 100px 20px 85px 20px;; }

    .dianshang .two{  width:1200px;padding: 100px 20px 85px 20px; ; }

}



/* 手机网站制作  */

.shouji{  background: #f8f8f8;}

.shouji .one{ width: 980px; margin:  0 auto 0px auto; padding-bottom: 60px;

    font-size: 14px; line-height: 26px; text-align: center; color: #333333;}

.shouji  .one .tit {  font-size: 30px; line-height: 40px;  color: #009fd9; font-weight: 200;

    font-family: SourceHanSansCN-Normal,"微软雅黑";; text-align:center; padding-bottom: 30px; padding-top: 100px;   }

.shouji .two{ background: #009fd9; padding: 105px 0 120px 0;}

.shouji .two-layout{ width: 1200px; margin:  0 auto ; padding: 00px 100px 0px 100px; background: #ffffff; overflow: hidden;}

.shouji  .two-layout .tit {  font-size: 26px; line-height: 30px;  color: #009fd9;  text-align:center;

    padding-bottom: 30px; padding-top: 80px;   }

.shouji  .two-layout p {  font-size: 15px; line-height: 30px;  color: #333333;

    padding-bottom: 70px; padding-top: 30px;   }

.shouji .two .list{ overflow: hidden; padding-bottom: 80px;}

.shouji .two .list .gongneng{ float: left; width:320px; text-align: center;  margin-right: 120px;}

.shouji .two .list .gongneng:nth-of-type(3n){ margin-right: 0; }

.shouji .two .list .gongneng img{ display: block; margin: 0 auto; }

.shouji .two .list .gongneng .gnbt{ font-size: 22px; line-height: 26px; color: #333333; margin: 20px 0; }

.shouji .two .list .gongneng .gnwz{ font-size: 14px; line-height: 24px; color: #4e4e4e;  }

.shouji .three{  padding: 115px 0 105px 0;}

.shouji .three-layout{ width: 1200px; margin:  0 auto ; padding: 00px 100px 0px 100px; background: #ffffff; overflow: hidden;}

.shouji  .three-layout .tit {  font-size: 26px; line-height: 30px;  color: #009fd9;  text-align:center;

    padding-bottom: 100px; padding-top: 85px;   }

.shouji .three .list{ overflow: hidden; padding-bottom: 90px;}

.shouji .three .list .tedian{float: left; text-align: center; width: 300px;height: 300px;}

.shouji .three .list .tedian1{  width: 300px; padding-right: 80px; height: 300px;  border-bottom: 1px dotted #cccccc;  }

.shouji .three .list .tedian2{  padding: 0 68px; border: 1px dotted #cccccc; border-top:none;}

.shouji .three .list .tedian3{  padding-left: 80px;border-bottom: 1px dotted #cccccc;}

.shouji .three .list .tedian4{ padding-right: 80px; }

.shouji .three .list .tedian5{ padding: 0 68px;  border: 1px dotted #cccccc; border-top:none; border-bottom:none;}

.shouji .three .list .tedian6{ padding-left: 80px;}

.shouji .three .list .tedian img{display: block; margin: 0 auto; padding-top: 10px; }

.shouji .three .list .tedian4 img{padding-top: 70px; }

.shouji .three .list .tedian5 img{padding-top: 70px; }

.shouji .three .list .tedian6 img{padding-top: 70px; }

.shouji .three .list .tedian .tedianbt{ font-size: 22px; color: #292929; line-height: 26px; padding: 10px 0 15px 0; }

.shouji .three .list .tedian .tedianwz{ font-size: 14px; line-height: 24px; color: #4e4e4e; }

@media only screen and (min-width: 1279px) and (max-width: 1400px) {

    .shouji .two-layout{  width:1200px;padding: 00px 20px 0px 20px; ; }

    .shouji .three-layout{  width:1200px;padding: 00px 20px 0px 20px; ; }

}



/* 企业型网站制作  */

.qiye{  background: #f8f8f8; padding-bottom: 110px; padding-top: 60px;}

.qiye .two{ width:1400px; margin: 0 auto ; background: #FFFFFF; padding-top: 75px; padding-bottom: 60px; }

.qiye .two img{ display: block; margin: 0  auto; }

.qiye .one{ width: 1400px;margin: 0 auto 45px auto;  background:#009fd9 ; overflow: hidden; padding-bottom: 60px;}

.qiye .one .left{ width: 550px; padding-left: 95px; padding-top: 105px; color: #ffffff; }

.qiye .one .right{ float: right; padding-top:65px; padding-right: 130px; ;}

.qiye .one .left .t1{ font-size: 30px; line-height: 36px;}

.qiye .one .left .t2{font-size: 20px; line-height: 24px; padding: 20px 0 25px 0;}

.qiye .one .left .t3{font-size: 15px; line-height: 30px;}

@media only screen and (min-width: 1279px) and (max-width: 1400px) {

    .qiye .one{ width: 100%;}

    .qiye .two{ width: 100%;}

    .qiye .one .left{ padding-left:65px; width: 500px;}

    .qiye .one .right{ padding-right: 100px; ;}

}



/* 品牌型网站制作  */

.brand{  background: #f8f8f8; padding-bottom: 110px; padding-top: 60px;}

.brand .two{ width:1400px; margin: 0 auto ; background: #FFFFFF; padding-top: 25px; padding-bottom: 60px; }

.brand .two img{ display: block; margin: 0  auto; }

.brand .one{ width: 1400px;margin: 0 auto 45px auto;  background:#009fd9 ; overflow: hidden; padding-bottom: 75px;}

.brand .one .left{ width: 670px; padding-left: 95px; padding-top: 105px; color: #ffffff; }

.brand .one .right{ float: right; padding-top:80px; padding-right: 90px; ;}

.brand .one .left .t1{ font-size: 30px; line-height: 36px;}

.brand .one .left .t2{font-size: 20px; line-height: 24px; padding: 25px 0 30px 0;}

.brand .one .left .t3{font-size: 15px; line-height: 30px;}

@media only screen and (min-width: 1279px) and (max-width: 1400px) {

    .brand .one{ width: 100%;}

    .brand .two{ width: 100%;}

    .brand .one .left{ padding-left:60px; width: 600px;}

    .brand .one .right{ padding-right: 60px; ;}

}



/* 集团型网站制作  */

.jituan{  background: #f8f8f8; padding-bottom: 110px; padding-top: 60px;}

.jituan .two{ width:1400px; margin: 0 auto ; background: #FFFFFF; padding-top: 25px; padding-bottom: 60px; }

.jituan .two img{ display: block; margin: 0  auto; }

.jituan .one{ width: 1400px;margin: 0 auto 60px auto;  background:#009fd9 ; overflow: hidden; padding-bottom: 45px;}

.jituan .one .left{ width: 660px; padding-left: 95px; padding-top: 105px; color: #ffffff; }

.jituan .one .right{ float: right; padding-top:90px; padding-right: 95px; ;}

.jituan .one .left .t1{ font-size: 30px; line-height: 36px;}

.jituan .one .left .t2{font-size: 20px; line-height: 24px; padding: 25px 0 30px 0;}

.jituan .one .left .t3{font-size: 15px; line-height: 30px;}

@media only screen and (min-width: 1279px) and (max-width: 1400px) {

    .jituan .one{ width: 100%;}

    .jituan .two{ width: 100%;}

    .jituan .one .left{ width: 600px;  padding-left: 65px;}

    .jituan .one .right{  padding-right: 65px; ;}

}





/* 营销型网站制作  */

.web-yingxiao{  background: #f8f8f8; padding-bottom: 110px; padding-top: 60px;}

.web-yingxiao .two{ background:#009fd9 ; padding:90px 0 110px 0; margin:120px 0 120px 0; }

.web-yingxiao .two .layout{width:1400px; margin: 0 auto ; background: #FFFFFF; padding-top: 25px; padding-bottom: 60px; }

.web-yingxiao .two img{ display: block; margin: 0  auto; }

.web-yingxiao .three{ width:1400px; margin: 0 auto ; background: #FFFFFF; padding-top: 25px; padding-bottom: 60px; }

.web-yingxiao .three img{ display: block; margin: 0  auto; }

.web-yingxiao .one{ width: 1400px;margin: 0 auto;  background:#FFFFFF ; overflow: hidden; padding-bottom:60px;}

.web-yingxiao .one .left{ width: 560px; padding-left: 95px; padding-top: 105px; color: #333333; }

.web-yingxiao .one .right{ float: right; padding-top:55px; padding-right:250px; ;}

.web-yingxiao .one .left .t1{ font-size: 26px; color: #009fd9; line-height: 26px; padding-bottom: 20px;}

.web-yingxiao .one .left .t2{font-size: 15px; line-height:30px; padding-bottom:45px;}

@media only screen and (min-width: 1279px) and (max-width: 1400px) {

    .web-yingxiao .two .layout{width:100%}

    .web-yingxiao .three{width:100%}

    .web-yingxiao .one{width:100%}

}



/* 搜索引擎优化  */

.seo{  background: #f8f8f8; padding-bottom: 110px;}

.seo .title{ text-align: center;  background: #f8f8f8; }

.seo .title2{ color: #333333; font-size: 26px; line-height: 30px;  padding-top: 105px; padding-bottom: 20px;  font-family: SourceHanSansCN-Normal,"微软雅黑";; }

.seo .title3{ color: #009fd9; font-size: 38px; font-weight: 200; line-height: 40px;  padding-bottom: 55px;  }

.seo .one{ overflow: hidden; width: 1200px; padding: 100px ; background: #FFFFFF; margin: 0 auto;}

.seo .one .left{ float: left; }

.seo .one .right{ float: right; width:800px; padding-top: 45px; font-size: 18px; color: #666666; line-height:40px;}

.seo .two{ margin-top: 65px;  background: #009fd9; padding: 90px 0 80px 0; text-align: center; color: #FFFFFF;}

.seo .two .t1{ font-size: 26px; line-height: 30px; padding-bottom: 25px; }

.seo .two .t2{ font-size: 16px; line-height: 36px;  }

.seo .three{ text-align: center; padding-top: 85px; padding-bottom: 55px;}

.seo .three .t1{ font-size: 26px; line-height: 30px; color:#333333 ; padding-bottom: 20px; }

.seo .three .t2{ font-size: 16px; line-height: 36px;  color: #666666; }

.seo .four{ background: #FFFFFF; width: 1200px; padding: 30px 100px 0 100px; margin: 0 auto;}

.seo .four .type1{ overflow: hidden; padding: 70px 0 ; border-bottom: 1px dotted #cccccc; }

.seo .four .type1:last-child{ border-bottom: none; padding-bottom: 90px;}

.seo .four .type1 .right{ width:800px; ;}

.seo .four .type1 .t1{ font-size: 26px; color: #009fd9; line-height: 30px;  padding-top: 50px; padding-bottom: 10px; }

.seo .four .type1 .t2{ font-size: 24px; color: #bbbbbb; text-transform: uppercase; line-height: 30px; font-family: AkzidenzGrotesk-Light;

    background: url("/skin/img/dy/seo2.jpg") no-repeat bottom left; padding-bottom: 16px; margin-bottom: 35px;}

.seo .four .type1 .t3{ font-size: 15px; color: #4e4e4e; line-height: 30px; }

.seo .four .type2{ overflow: hidden; padding: 70px 0 ; border-bottom: 1px dotted #cccccc; }

.seo .four .type2 .left{ width:800px; ;}

.seo .four .type2 .t1{ font-size: 26px; color: #009fd9; line-height: 30px;  padding-top: 50px; padding-bottom: 10px; }

.seo .four .type2 .t2{ font-size: 24px; color: #bbbbbb; text-transform: uppercase; line-height: 30px; font-family: AkzidenzGrotesk-Light;

    background: url("/skin/img/dy/seo2.jpg") no-repeat bottom left; padding-bottom: 16px; margin-bottom: 35px;}

.seo .four .type2 .t3{ font-size: 15px; color: #4e4e4e; line-height: 30px; }

@media only screen and (min-width: 1279px) and (max-width: 1400px) {

    .seo .one{ width: 1200px; padding: 100px 0px ;}

    .seo .one .right{ padding-right: 30px; width:770px; }

    .seo .four{ padding: 30px 20px 0 20px ;}

}





/* 网络品牌塑造  */

.suzao{  background: #f8f8f8; padding-bottom: 110px;}

.suzao .title{ text-align: center;  background: #f8f8f8; }

.suzao .title2{ color: #333333; font-size: 26px; line-height: 30px;  padding-top: 105px; padding-bottom: 20px;  font-family: SourceHanSansCN-Normal,"微软雅黑";; }

.suzao .title3{ color: #009fd9; font-size: 38px; font-weight: 200; line-height: 40px;  padding-bottom: 55px;  }

.suzao .list{ background: #FFFFFF; width: 1200px; padding: 40px 100px 0 100px; margin: 0 auto;}

.suzao .list .type1{ overflow: hidden; padding: 70px 0 ; border-bottom: 1px dotted #cccccc; }

.suzao .list .type2:last-child{ border-bottom: none; padding-bottom: 120px;}

.suzao .list .type1 .right{ width:800px; ;}

.suzao .list .type1 .t1{ font-size: 26px; color: #009fd9; line-height: 30px;  padding-top: 5px; padding-bottom: 20px; }

.suzao .list .type1 .t2{ font-size: 15px; color: #4e4e4e; line-height: 30px;  }

.suzao .list .type2{ overflow: hidden; padding: 70px 0 ; border-bottom: 1px dotted #cccccc; }

.suzao .list .type2 .left{ width:800px; ;}

.suzao .list .type2 .t1{ font-size: 26px; color: #009fd9; line-height: 30px;  padding-top: 5px; padding-bottom: 20px; }

.suzao .list .type2 .t2{ font-size: 15px; color: #4e4e4e; line-height: 30px;  }

@media only screen and (min-width: 1279px) and (max-width: 1400px) {

    .suzao .list{ padding: 40px 20px 0 20px ;}

}





/*网站地图*/

.sitemap{overflow: hidden;background: #ebebeb;padding-bottom: 50px; line-height: 25px; }

.sitemap .sitemap-box{overflow: hidden;width:1120px;margin:40px auto 0 auto;background: #ffffff;padding:50px 40px;}

.sitemap .sitemap-box dl{overflow: hidden;margin:0 0 30px 0;}

.sitemap .sitemap-box dt{font-size: 18px;font-weight: bold;color:#666666;margin:0 0 20px 0;}

.sitemap .sitemap-box dd{float: left;margin-right: 20px;}

.sitemap .sitemap-box dd a{float: left;font-size: 14px;color:#666666; line-height: 19px;}

.sitemap .sitemap-box dd a:hover{text-decoration: underline;}





@media (min-width: 1200px)  {

    #div_case{display:block;}

    #div_mobcase{display:none;}

}



/*******************新增*******************/

@media only screen and (max-width: 1919px) and (min-width: 1279px) {

	.thinknr{width:1060px!important;}

}

@media only screen and (max-width: 1280px) and (min-width: 1279px) {

	.thinknr{width:930px;}

}

.nytitle1 {

    padding-top: 100px;

    border-top: 1px solid #e7e7e7;

}

.nytitle1 .img1 {

    text-align: center;

    padding-bottom: 130px;

    color: #303030;

    font-size: 60px;

    font-family: "AVGARDM_0";

    line-height: 50px;

}

.nytitle1 .img1 .txt1 {

    text-transform: uppercase;

    margin-bottom:20px;

}

.nytitle1 .img1 .txt2 {

    color: #333333;

    position: relative;

    display: inline;

    margin-top: 10px;

    line-height: 30px;

    font-size: 26px;

    font-family: "SourceHanSansCN-Normal";

    /* font-weight: 200; */

}

.nytitle1 .img1 .txt2 .yuan {

    width: 6px;

    height: 6px;

    position: absolute;

    right: -10px;

    top: 0px;

    border: 1px solid #333333;

    border-radius: 100%;

}

.nytitle1 .img1 .txt3 {

    color: #333333;

    position: relative;

    margin-top: 20px;

    line-height: 24px;

    font-size: 20px;

    font-family: "SourceHanSansCN-Normal";

    font-weight: 200;

}

.thinkTitle h3{text-align: center;font-size:30px;color:#009fd9;line-height:30px;padding-bottom:30px;font-weight:400;}

.fl{float: left;}

.fr{float: right;}

.think{padding-bottom:60px;}

.number{width:120px;font-size:46px;color:#333;font-weight:bold;position: relative;}

.number .sz{line-height:32px;margin-top:10px;margin-left:30px;}

.number .sz:after{content: "";position: absolute;width:1px;height:46px;background-color:#e5e5e5;right:20px;bottom:-10px;}

.thinknr{width:1200px;padding-right:40px;background:url(/skin/img/jt.png) no-repeat right 13px center;}

.thinknr h5{font-size:20px;color:#333;padding-bottom:13px;margin-top:8px;font-weight:400;}

.thinknr p{font-size:14px;color:#777;}

.thinkInfo{background-color:#fff;}

.thinkInfo ul li{padding:48px 0 44px;margin:0 20px;border-bottom:1px solid #e9e9e9;cursor: pointer;}

.thinkInfo ul li:last-of-type{border-bottom:0;}

.thinkInfo ul li:hover .thinknr h5{color:#009fd9;}

.thinkInfo ul li:hover .number{color:#009fd9;}

.thinkInfo ul li:hover .thinknr{background:url(/skin/img/jth.png) no-repeat right 13px center;}

.design h3{text-align: center;padding:0 0 55px;line-height:32px;font-size:32px;color:#333;font-weight:lighter;}

.designInfo{width:100%;background-color:#fff;text-align: center;margin-bottom:115px;}

.designImg1{padding:115px 0 85px;}

.designImg2{padding-bottom:120px;}





.designImg{position: relative;height:922px;}

.designImg img{

	width:1920px;

	position: absolute;

	left:50%;

	margin-left:-960px;

}

.link{

	display: block;

	width: 100%;

	height:300px;

	position: absolute;

	bottom:0;

	opacity:0;

}

#img_box1,#img_box{position:relative;}

.mLink{

	display: block;

	width:100%;

	height:100px;

	position: absolute;

	bottom:85px;

	opacity: 0;

}

.detal{text-align: center;width:100%;background:#fff;margin-bottom:70px;}

.detal h3{font-size:24px;color:#333;line-height:24px;padding:90px 0 45px;border-bottom:1px solid #e9e9e9;}

.dew{margin:0 75px;}

.deInfo p{font-size:16px;color:#666;line-height:38px;text-align: left;}

.d1{margin-top:36px;}

.deInfo{padding-bottom:85px;padding-top:34px;}

.fot{background-color:#f0f0f0;height:80px;line-height:80px;text-align: center;}

.fot p{font-size:14px;color:#666;}

.w{width:1200px;margin:0 auto;}



.design h3{text-align: center;padding:0 0 55px;line-height:32px;font-size:32px;color:#333;font-weight:lighter;}

.designInfo1{width:100%;background-color:#fff;text-align:center;}

.case{padding:100px 0 85px;}

.ecode{padding:50px 0;text-align:center;}

.page{width:100%;background-color:#fff;text-align: center;padding-bottom:95px;margin-bottom:100px;}

.page h5{font-size:18px;color:#333;padding:68px 0 25px;}

.page img{width:94%;margin:0 3%;}

.dsbg{background:url(/skin/img/mobg.png) no-repeat center;width:360px;height:736px;margin:0 auto;

box-shadow:20px 20px 40px 10px #e9eaee;

	border-radius:50px;}

.designImg1 img{margin-top:50px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}


.cooperative-partner .title{text-align: center;}

.cooperative-partner .title1{ color:#009fd9; font-size: 30px; line-height:50px; font-weight: 200; font-family: "SourceHanSansCN-Normal","微软雅黑";}

.cooperative-partner .title2{ color:#666666; font-size: 14px; line-height: 40px; padding-bottom: 25px;font-weight: 200;}
.cooperative-partner {
    background: #f5f7f7;
    padding-bottom: 90px;
}

.cooperative-partner-list {
    margin-top: 26px
}

.cooperative-partner-list li {
    float: left;
    width: 24%;
    height: 130px;
    margin: 10px 0 0 1%
}

.cooperative-partner-list li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    line-height: 130px;
    background: #fff;
    cursor: default;
    position: relative;
}

.cooperative-partner-list li a img {
    vertical-align: middle
}

.cooperative-partner-list li a img.transiform-img {
    width: 160px;
    height: 90px;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9)translate(-50%,-50%);
    -o-transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    position: absolute;
    left: 50%;
    top: 50%;
}

.cooperative-partner-list li a:hover {
    -webkit-box-shadow: 0 1px 8px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 8px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 8px 3px rgba(0, 0, 0, .1)
}

.cooperative-partner-list li a:hover img.transiform-img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)translate(-50%,-50%);
}

.cooperative-partner-list li:nth-child(4n+1) {
    margin: 10px 0 0
}
/*列表分页*/
.pagination p {margin: 0;cursor: pointer}
.pagination {height: 40px;padding: 20px 60px;}
.pagination a {display: block;float: left;margin-right: 2px;padding: 2px 12px;border: 1px #cccccc solid;background: #fff;text-decoration: none;color: #808080;font-size: 12px;line-height: 24px;}
.pagination a:hover {color: #F3981C;background: white;border: 1px #F3981C solid;}
.pagination a.cur {border: 1px solid #F3981C;background: #F3981C;color: #fff;}
.pagination a i{line-height: 24px;}
.pagination p {display: block;float: left;margin-right: 2px;padding: 2px 12px;border: 1px #cccccc solid;background: #fff;text-decoration: none;color: #808080;font-size: 12px;line-height: 24px;}
.pagination p i{line-height: 24px;}
.pagination p.pageRemark {display: none;}
.pagination p.pageEllipsis {border-style: none;background: none;padding: 4px 0px;color: #808080;}
.dates li {font-size: 14px;margin: 20px 0}
.dates li span {float: right}

.section{padding-top: 40px;}
.section .titlebox {width: 100%;text-align: center;margin-bottom: 40px;line-height: 40px;}
.section .titlebox h4 {color: #333;font-size: 38px; font-weight: bold} 
.section .titlebox p {color: #666;font-size: 15px;}

.function_mian_listbox { width: 100%; height: auto;}
.function_mian_listbox ul {margin-right: -37px;}
.function_mian_listbox ul li { float: left; width: 270px; height: 146px; border: 1px solid #ebebeb; margin-right: 37px; margin-bottom: 35px;background-color: #f5f5f5; position: relative; }
.function_mian_listbox ul li:hover { box-shadow: 0 0 10px #ccc; }
.function_mian_listbox ul li:last-child { margin-right: 0; }
.function_mian_list_text { width: auto; height: auto; padding: 37px 0; overflow: hidden; }
.function_list_icon { float: left; width: 67px; height: 67px; border: 2px solid #009fd9; background: url(/skin/img/fw/function_icon01.png) no-repeat center center; border-radius: 50%; margin-left: 25px; }
.function_list_icon02 { border: 2px solid #fd9525; background: url(/skin/img/fw/function_icon02.png) no-repeat center center; }
.function_list_icon03 { border: 2px solid #129cfd; background: url(/skin/img/fw/function_icon03.png) no-repeat center center; }
.function_list_icon04 { border: 2px solid #f1c100; background: url(/skin/img/fw/function_icon04.png) no-repeat center center; }
.function_list_icon05 { border: 2px solid #00c6f1; background: url(/skin/img/fw/function_icon05.png) no-repeat center center; }
.function_list_icon06 { border: 2px solid #00a7ad; background: url(/skin/img/fw/function_icon06.png) no-repeat center center; }
.function_list_icon07 { border: 2px solid #dfd641; background: url(/skin/img/fw/function_icon07.png) no-repeat center center; }
.function_list_icon08 { border: 2px solid #c32102; background: url(/skin/img/fw/function_icon08.png) no-repeat center center; }
.function_list_icon09 { border: 2px solid #1e8dcc; background: url(/skin/img/fw/function_icon09.png) no-repeat center center; }
.function_list_icon10 { border: 2px solid #3ecf94; background: url(/skin/img/fw/function_icon10.png) no-repeat center center; }
.function_list_icon11 { border: 2px solid #ddb100; background: url(/skin/img/fw/function_icon11.png) no-repeat center center; }
.function_list_icon12 { border: 2px solid #ff8e15; background: url(/skin/img/fw/function_icon12.png) no-repeat center center; }
.function_list_icon13 { border: 2px solid #009fd9; background: url(/skin/img/fw/function_icon13.png) no-repeat center center; }
.function_list_icon14 { border: 2px solid #f1c100; background: url(/skin/img/fw/function_icon14.png) no-repeat center center; }
.function_list_icon15 { border: 2px solid #00c6f1; background: url(/skin/img/fw/function_icon15.png) no-repeat center center; }
.function_list_icon16 { border: 2px solid #3ecf94; background: url(/skin/img/fw/function_icon16.png) no-repeat center center; }
.function_list_text { float: left; margin-left: 15px;line-height: 30px;}
.function_list_text h2 { font-size: 22px; color: #272727; margin: 8px 0 2px; }
.function_list_text p { font-size: 14px; color: #777; }
.function_mian_list_btn { width: auto; height: auto; padding: 0 10px; text-align: center; }
.function_mian_list_btn a { display: inline-block; *display: inline; width: 96px; height: 28px; border: 1px solid #c7c7c7; border-radius: 2px; color: #666; font-size: 15px; text-align: center; line-height: 28px; margin: 0 10px; }
.function_mian_list_btn a:hover { background-color: #009fd9; color: #fff; border: 1px solid #009fd9; }
.function_mianbg { padding:0; }

.main_consultbg {width: 100%;min-height: 150px;background-color: #009fd9;margin: 40px 0px;}
.main_consultbg .main_consultbox {position: relative;padding: 20px 0px;}
.main_consultbg .main_consultbox .wen,.main_consultbg .main_consultbox .txt,.main_consultbg .main_consultbox .advisory {display: inline-block;vertical-align: middle;}
.main_consultbg .main_consultbox .txt {margin: 0 50px;line-height: 40px;}
.main_consultbg .main_consultbox .txt h5 {color: #fff;font-size: 30px;}
.main_consultbg .main_consultbox .txt h5 strong {font-size: 50px;margin-right: 20px;}
.main_consultbg .main_consultbox .txt p {color: #fff;font-size: 20px;}
.main_consultbg .main_consultbox .advisory a {display: inline-block;width: 188px;height: 48px;line-height: 48px;text-align: center;border:1px solid #fff;margin-left: 25px;color: #fff;font-size: 18px;position: relative;
transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;}
.main_consultbg .main_consultbox .advisory a:hover {color: #009fd9;background: #fff;}
.main_consultbg .main_consultbox .advisory a em {display: block;width: 100%;background:#fff;text-align: center;position: absolute;left: 0px;width: 0px;overflow: hidden;white-space: nowrap;
transition: width .6s ease-in-out;-moz-transition: width .6s ease-in-out;-webkit-transition: width .6s ease-in-out;}
.main_consultbg .main_consultbox .advisory a:hover em {width: 100%;}
.main_consultbg .main_consultbox .advisory a:hover i {width: 0px;}
.main_consultbg .main_consultbox .duang {position: absolute;right: 0px;top: 0px;}

.scenarios_mianbox {margin-bottom: 30px;}
.scenarios_mian_listbox { width: 100%; height: auto; overflow: hidden; }
.scenarios_mian_listbox ul {overflow: hidden;margin-right: -33px;}
.scenarios_mian_listbox ul li { float: left; margin-right: 33px; margin-bottom: 30px;width: 275px; height: auto; position: relative; }
.scenarios_mian_listbox ul li:last-child { margin-right: 0; }
.scenarios_mian_listbox ul li span { width: 43px; height: 43px; border-radius: 50%; background-color: rgba(0,0,0,0.5); font-size: 24px; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); display: block; position: absolute; top: 5px; left: 5px; text-align: center; line-height: 42px; }
.scenarios_list_img { width: 100%;overflow: hidden; }
.scenarios_list_img img {display: block;width: 100%;}
.scenarios_list_textbox { width: auto; background-color: #333333; padding: 22px; overflow: hidden; }
.scenarios_list_code { float: left; width: 78px; height: auto; text-align: center; font-size: 12px; color: #c7c7c7; }
.scenarios_list_code img { width: 78px; height: auto; margin-bottom: 6px; }
.scenarios_list_text { float: left; margin-left: 68px; line-height: 25px;}
.scenarios_list_text h3 { font-size: 24px; color: #fff; }
.scenarios_list_text p { font-size: 14px; color: #fff; opacity: 0.6; margin-top: 6px; }
.scenarios_list_btnbox { width: 92px; height: 26px; border: 1px solid #999999; font-size: 16px; color: #9c9c9c; border-radius: 2px; text-align: center; line-height: 26px; display: block; margin-top: 15px; }
.scenarios_list_btnbox:hover { background-color: #009fd9; border: 1px solid #009fd9; color: #fff; }

.wechat_banner {height: 590px;background-repeat: no-repeat;background-position: center;background-size: cover;}
.wechat_banner .posr {position: relative;height: 100%;}
.wechat_banner .posr dl {width: 560px;position: absolute;top: 180px;color: #333;line-height: 50px;}
.wechat_banner .posr dl dt {font-size: 48px;font-weight:bold;margin-bottom: 5px;}
.wechat_banner .posr dl dd {font-size: 16px;line-height: 28px;}
.wechat_banner .wrap_2 dl,.wechat_banner .wrap_4 dl {color: #fff;}
.wechat_banner .wrap_3 dl {color: #956041;}
.wechat_banner .posr .wechat_img {position: absolute;}

.system_mainbox {margin:70px 0px;}
.system_mian_listbox { width: 100%; height:540px; position: relative; }
.index_system_listbox { width: 401px;float: left; border: 1px solid #c7c7c7; background-color: #fff;margin-left: -1px;position: relative; box-sizing:border-box;}
.index_system_listbg {width:100%;overflow:hidden;margin:0 auto;}
.index_system_iconbox { width: 100%; height: 160px; background-color: #252d30; padding: 20px 0px 4px; }
.index_system_icon { width: 76px; height: 76px; background: url(/skin/img/fw/price_iconbox.png) no-repeat center top; margin: 0 auto; }
.system_icon01 { width: 100%; height: 76px; background: url(/skin/img/fw/blank.png) no-repeat center center; display: block; }
.system_icon02 { width: 100%; height: 76px; background: url(/skin/img/fw/price_icon02.png) no-repeat 23px center; display: block; }
.system_icon03 { width: 100%; height: 76px; background: url(/skin/img/fw/price_icon03.png) no-repeat 23px center; display: block; }
.system_icon04 { width: 100%; height: 76px; background: url(/skin/img/fw/price_icon04.png) no-repeat center center; display: block; }
.index_system_title { width: 100%; margin-top: 12px; text-align: center; position:relative;line-height: 26px;}
.index_system_title a { font-size: 20px; color: #fff; }
.index_system_title a:hover {color: #fff; text-decoration: underline; }
.index_system_title p { font-size: 14px; color: #fff; opacity: 0.5; margin-top: 2px; }
.index_system_title .note_box{ width:auto; padding:2px 4px; font-size:12px; color:#fff; background-color:#f1ae1f; position:absolute; top:7px; left:245px;}
.index_system_title .note_box em{ display:block; width:0; height:0; border-top:7px solid transparent; border-bottom:7px solid transparent; border-right:10px solid #f1ae1f; position:absolute; top:3px; left:-7px;}
.index_system_pricebox { width: 100%; padding: 0 20px; overflow: hidden;margin:0 auto; box-sizing:border-box;}
.index_system_price { width: 100%; border-bottom: 1px dashed #e5e5e5; height: 70px; text-align: center; line-height: 70px; }
.index_system_price h2 { font-size: 36px; letter-spacing: -1; font-weight: bold; color: #009fd9; }
.index_system_price h2 i { font-size: 20px; font-weight: normal;font-style: initial;}
.system_price_functionbox { width: 100%; margin-top: 6px; overflow: hidden; }
.system_price_functionbox ul {width:100%; overflow: hidden;padding:15px 0;}
.system_price_functionbox ul li {margin-bottom:15px;float: left; font-size: 14px; color: #777; background: url(/skin/img/fw/icon_check.png) no-repeat 20px center; padding-left: 40px; width:100px; }
.system_price_functionbox ul li.system_price_function_uncheck { background: url(/skin/img/fw/icon_uncheck.png) no-repeat 20px center; }
.system_price_function_btn { width: auto; height: auto; overflow: hidden; margin: 0px 10px 30px; }
.system_price_function_btn a { width: 106px; height: 32px; border-radius: 2px; color: #009fd9; border: 1px solid #009fd9; line-height: 32px; text-align: center; font-size: 16px; display: block; float: left; }
.system_price_function_btn a.system_price_function_btn_r { float: right; }
.system_price_function_btn a:hover { background-color: #009fd9; color: #fff; }
