*{margin:0;padding:0;}
html{overflow-x: hidden;}
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; }
/***********************手机隐藏***********************/
.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("../fonts/dinc.woff2") format("woff2"),
url("../fonts/dinc.ttf") format("truetype"),
url("../fonts/dinc.eot") format("embedded-opentype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "SourceHanSansCN-Normal";
src: url("../fonts/sourcehansanscn-normal.woff2") format("woff2"),
url("../fonts/sourcehansanscn-normal.woff") format("woff"),
url("../fonts/sourcehansanscn-normal.ttf") format("truetype"),
url("../fonts/sourcehansanscn-normal.eot") format("embedded-opentype"),
url("../fonts/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("../fonts/avgardm_0.woff2") format("woff2"),
url("../font/AVGARDM_0.woff") format("woff"),
url("../fonts/avgardm_0.ttf") format("truetype"),
url("../fonts/avgardm_0.eot") format("embedded-opentype"),
url("../fonts/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("../fonts/avgardmi_0.woff2") format("woff2"),
url("../font/AVGARDMI_0.woff") format("woff"),
url("../fonts/avgardmi_0.ttf") format("truetype"),
url("../fonts/avgardmi_0.eot") format("embedded-opentype"),
url("../fonts/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("../fonts/akzidenzgrotesk-light.woff2") format("woff2"),
url("../font/AkzidenzGrotesk-Light.woff") format("woff"),
url("../fonts/akzidenzgrotesk-light.ttf") format("truetype"),
url("../fonts/akzidenzgrotesk-light.eot") format("embedded-opentype"),
url("../fonts/akzidenzgrotesk-light.svg") format("svg"),
url("../font/AkzidenzGrotesk-Light.otf") format("opentype");
font-weight: normal;
font-style: normal;
}
.navlist{ display: none !important;}
/***********************头部导航***********************/
.header{ height:60px; /* margin-top: 20px; */position: relative; width: 100%; z-index: 3; overflow:hidden;}
.header .left{ display:block; margin-left: 10px; width: 188px; margin-top:0px;}
.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:#ba0903;}
.header .right li .active{color:#ba0903;}
.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 #ba0903;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: left; 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: #ba0903;background-color:#f9f9f9; }
.subnav ul li a:after { content:''; display:block; width:10px; height:5px; overflow:hidden; background:url(../images/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 #ba0903;*/
/*url("../images/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: #e0111b; text-indent: 40px;/*background-color:#f9f9f9; */}
.three-nav ul li a:after { content:''; display:block; width:10px; height:5px; overflow:hidden; background:url(../images/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;}
/***********************底部页脚***********************/
.footer{width:100%;overflow:hidden;background:#1c1c1c; z-index: 5; position: relative;}
.footer-text{width:94%;margin:0 auto;overflow: hidden;padding:60px 0 50px 0;}
@media only screen and (min-width: 2559px) and (max-width: 200000px) {
.footer-text{width:80%;}
}
@media only screen and (min-width: 1919px) and (max-width: 2559px) {
.footer-text{width:73%;}
}
.footer-text .left{float: left;overflow:hidden; width:32%;}
.footer-text .left h3{ color: #f7f7f7; font-size: 20px; line-height: 40px; font-weight: normal; padding: 10px 0 10px 0;}
.footer-text .left p{ color: #999999; font-size: 16px; line-height: 30px;}
.footer-text .right{float: right;overflow: hidden; width: 66%;}
.footer-text .right .menu ul{ padding-left: 20px;}
.footer-text .right .menu ul li { cursor: pointer; color:#666666; font-family:"微软雅黑";font-size: 16px; line-height: 24px; padding-bottom: 15px; }
.footer-text .right .menu ul li a{color:#666666;}
.footer-text .right .menu ul li span{ padding-right: 12px;}
.footer-text .right .menu ul li:hover a{color: #ffffff; }
.footer-text .right .menu ul .li-default{ cursor: pointer; color:#666666;font-weight: bold; font-size: 20px; line-height: 24px; padding-bottom: 15px; }
.footer-text .right .menu ul .li-active{ cursor: pointer; color:#ffffff;font-weight: bold; font-size: 20px; line-height: 24px; padding-bottom: 15px; }
.footer-text .right .menu{ float: left; width:21%;}
.footer-text .right .menu-content{ float: left; width:37%; }
.footer-text .right .menu-content .layout{ border-left: 1px solid #818181;overflow: hidden;}
.footer-text .right .menu-content .cell{ float: right; display: none; width: 80%;}
.footer-text .right .menu-content .cell:nth-of-type(1){ display: block;}
.footer-text .right .menu-content .cell h4{ color: #b2b2b2; font-size: 18px; line-height: 24px; font-weight: normal; }
.footer-text .right .menu-content .cell h2{ color: #ffffff; font-size: 26px; line-height: 45px; padding: 15px 0 10px 0; }
.footer-text .right .menu-content .cell .txt{ color: #999999; font-size: 14px; line-height: 36px;
overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.footer-bottom{width:94%; margin:0 auto;overflow:hidden;text-align: center;}
@media only screen and (min-width: 2559px) and (max-width: 200000px) {
.footer-bottom{width:80%;}
}
@media only screen and (min-width: 1919px) and (max-width: 2559px) {
.footer-bottom{width:75%;}
}
.footer-bottom .one{ color: #818181; font-size: 14px; line-height: 60px; border-top: 1px solid rgba(255,255,255,0.2); }
.footer-bottom .one a{color: #818181; }
.footer-bottom .one a:hover{ color:#fff;}
.footer-bottom .one span{ color: #ffffff !important;padding-left:8px ; padding-right: 8px;}
.footer-bottom .two{ color: #ffffff; font-size: 12px; line-height: 60px; border-top: 1px solid rgba(255,255,255,0.2);}
.footer-bottom .two span{ color: #818181;}
.footer-bottom .two a{color: #ffffff !important; font-size: 12px; line-height: 60px; opacity: 0.2; }
.footer-bottom .two a:hover{opacity: 1;}
.footer-bottom .two span a{color: #ffffff !important; font-size: 12px; line-height: 60px; opacity: 0.2 !important; }
.footer-bottom .two span a:hover{opacity: 1;}
/***********************首页***********************/
/*banner*/
.banner{width:100%; position:relative;overflow: hidden;}
.banner .flexslider{position:absolute;width:100%; overflow:hidden;zoom:1;}
.banner .img{ position: relative; }
.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-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("../images/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-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("../images/banner3.png") no-repeat right 80px center; background-size:672px 416px ;}
}
@media only screen and (min-width: 1919px) 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("../images/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:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/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-position:0 -90px;right:1%;}
.banner .flex-direction-nav .flex-prev{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: 1919px) 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: 100px;}
.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:80px 0 0 0;}
.main1 .title{text-align: center;}
.main1 .title1{ color:#ba0903; 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;}
.main1 .list{ overflow: hidden;}
.main1 .list .layout{ float: left; width: 25%; }
.main1 .list .layout .a{display: block; height:260px;color: #333333; margin-right: 4px; margin-left:4px; background:#f6f6f6;
text-align: center; }
.main1 .list .layout:first-child .a{ margin-left: 0px;}
.main1 .list .layout:last-child .a {margin-right: 0px;}
.main1 .list .layout .a h3{ font-size: 26px; font-family: 微软雅黑; font-weight: normal; line-height: 30px; padding-top: 40px; }
.main1 .list .layout .a .img-m1{ display: block; width: 100%; height: 95px; background: url("../images/m1_1.png") no-repeat center center; }
.main1 .list .layout .a .img-m2{ display: block; width: 100%; height: 95px; background: url("../images/m1_2.png") no-repeat center center; }
.main1 .list .layout .a .img-m3{ display: block; width: 100%; height: 95px; background: url("../images/m1_3.png") no-repeat center center; }
.main1 .list .layout .a .img-m4{ display: block; width: 100%; height: 95px; background: url("../images/m1_4.png") no-repeat center center; }
.main1 .list .layout .a ul{ padding-top: 0px; width: 300px; margin: 0 auto; overflow: hidden; }
.main1 .list .layout .a ul li{ padding-left: 20px; width: 38%; font-size: 16px; line-height: 20px; margin-bottom: 24px;
float: left; background: url("../images/m1_jiantou.png") no-repeat center left 0px; text-align: left; }
.main1 .list .layout .a ul li a{ color: #333333; font-family: 微软雅黑; font-weight: 200;}
.main1 .list .layout .a ul li:nth-of-type(2n){ float:right;}
.main1 .list .layout .a:hover{ color: #FFFFFF; background:#bf120c; }
.main1 .list .layout .a:hover ul li a{ color: #FFFFFF; }
.main1 .list .layout .a:hover ul li{ background: url("../images/m1_jiantouh.png") no-repeat center left ;}
.main1 .list .layout .a1:hover .img-m1{ background: url("../images/m1_1h.png") no-repeat center center; }
.main1 .list .layout .a2:hover .img-m2{ background: url("../images/m1_2h.png") no-repeat center center; }
.main1 .list .layout .a3:hover .img-m3{ background: url("../images/m1_3h.png") no-repeat center center; }
.main1 .list .layout .a4:hover .img-m4{ background: url("../images/m1_4h.png") no-repeat center center; }
.main1 .wenzi{ margin: 130px auto 125px auto; width: 94%; overflow: hidden;}
.main1 .wenzi img{ display: block; margin: 0 auto; max-width: 100%;}
.main1 .wenzi .left{ width:32%; text-align: center ;}
.main1 .wenzi .left h5{ color: #656565; font-size: 16px; line-height: 40px; font-weight: 200; font-family:'SourceHanSansCN-Normal',"微软雅黑";}
.main1 .wenzi .right{ width:65%; line-height: 36px; color: #999999;font-size: 16px; font-family: 微软雅黑 ;}
.main1 .wenzi .right a{ color: #bf120c;}
@media only screen and (min-width: 2559px) and (max-width: 200000px) {
.main1 .title1{ font-size: 40px; line-height:70px;}
.main1 .title2{font-size: 18px; line-height: 45px;}
.main1 .list .layout .a { height:455px; }
.main1 .list .layout .a ul{ width: 320px;}
.main1 .list .layout .a ul li{ padding-left: 20px; width: 40%; margin-bottom: 30px}
.main1 .list .layout .a h3{ padding-top: 95px;}
.main1 .list .layout .a .img-m1{ height: 180px;}
.main1 .list .layout .a .img-m2{ height: 180px;}
.main1 .list .layout .a .img-m3{ height: 180px;}
.main1 .list .layout .a .img-m4{ height: 180px;}
.main1 .wenzi .left h5{ font-size: 16px;}
.main1 .wenzi .right{ line-height: 40px; font-size: 16px; ;}
}
@media only screen and (min-width: 1919px) and (max-width: 2559px) {
.main1 .title1{ font-size: 40px; line-height:70px;}
.main1 .title2{font-size: 18px; line-height: 45px;}
.main1 .list .layout .a { height:345px; }
.main1 .list .layout .a ul{ width: 300px;}
.main1 .list .layout .a ul li{ padding-left: 20px; width:40%; }
.main1 .list .layout .a h3{ padding-top: 65px;}
.main1 .list .layout .a .img-m1{ height: 140px;}
.main1 .list .layout .a .img-m2{ height: 140px;}
.main1 .list .layout .a .img-m3{ height: 140px;}
.main1 .list .layout .a .img-m4{ height: 140px;}
.main1 .wenzi .left h5{ font-size: 16px;}
.main1 .wenzi .right{ line-height: 40px; font-size: 16px; ;}
}
/*main2*/
.main2{width:100%; overflow:hidden;background:#f4f4f4; padding: 70px 0 85px 0;}
.main2 .title{text-align: center;}
.main2 .title1{ color:#ba0903; 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%; float: left;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("../images/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("../images/bi.jpg") no-repeat left center; }
.main2 .bd li .layout:hover .img2{ display: block;}
.main2 .bd li .layout:hover .txt1 { color: #ba0903;}
.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:#d21a14 ; }
.main2 .multipleColumn2 .hd ul li.on{ background:#d21a14;}
#mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }
#mbOverlay.mbOverlayFF { background:transparent url(../images/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(../images/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(../images/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(../images/customblackprevious.gif) no-repeat center; position: absolute; top:38%; left:-32px; }
#mbNextLink { width:32px; height:100px; background:transparent url(../images/customblacknext.gif) no-repeat center; position: absolute; top:38%; right:-32px; }
#mbCloseLink { width:24px; background:transparent url(../images/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("../images/huijt.png") no-repeat right 40px center;}
@media only screen and (min-width: 2559px) and (max-width: 200000px) {
.main2 .title1{ font-size: 40px; line-height:70px;}
.main2 .title2{font-size: 18px; line-height: 45px;}
}
@media only screen and (min-width: 1919px) and (max-width: 2559px) {
.main2 .title1{ font-size: 40px; line-height:70px;}
.main2 .title2{font-size: 18px; line-height: 45px;}
}
/*main3*/
.main3{ background: url("../images/m3_bg.jpg") no-repeat; background-size: cover; padding-bottom: 100px;}
.main3 .txt1{ color:#ffffff; font-size:40px; padding: 75px 0 15px 0px; line-height: 50px; text-align: center;
font-family: "SourceHanSansCN-Normal","微软雅黑"; ;font-weight: 200; }
.main3 .txt1 font{ color: #ba0903;}
.main3 .txt2{ color:#ffffff; font-size: 18px ; font-weight: 200; line-height: 40px; text-align: center; padding-bottom:20px ; opacity: 0.5;}
.main3 .list{ margin: 0 auto; width: 94%; border: 1px solid #e3e3e3; border-bottom: none; border-right: none; overflow: hidden; }
.main3 .list .layout{ float: left; width: 16.66%; background: #FFFFFF;}
.main3 .list .layout a{ text-align: center; display: block; height: 110px; line-height: 110px;
border-right: 1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3; }
.main3 .list .layout a em{ text-indent: 10px; width: 1px; overflow: hidden; color: #fff;}
.main3 .list .layout a img{ padding-top: 20px; display: block; margin: 0 auto; max-width: 190px;
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;}
.main3 .list .layout a:hover{ border: 6px #e3e3e3 solid ; height: 99px; line-height: 99px;}
.main3 .list .layout a:hover img{transform: scale( 0.9, 0.9);-ms-transform:scale( 0.9, 0.9);-moz-transform:scale( 0.9, 0.9);-webkit-transform:scale( 0.9, 0.9);-o-transform:scale( 0.9, 0.9);}
.main3 .more{ display: block; width:250px; height: 45px; line-height: 45px; background: url("../images/more3.png") no-repeat;
font-size: 16px; color: #FFFFFF; margin:45px auto 0px auto; text-indent:45px; cursor: pointer; font-family: "SourceHanSansCN-Normal","微软雅黑";;
font-weight:200; }
@media only screen and (min-width: 2559px) and (max-width: 200000px) {
.main3 .list { width: 80%; }
.main3 .list .layout a{ height: 190px; line-height: 190px;}
.main3 .list .layout a:hover{ border: 6px #e3e3e3 solid ; height: 179px; line-height: 179px;}
.main3 .list .layout a img{ padding-top: 60px;}
}
@media only screen and (min-width: 1919px) and (max-width: 2559px) {
.main3 .list { width:73%; }
.main3 .list .layout a{ height: 130px; line-height: 130px;}
.main3 .list .layout a:hover{ border: 6px #e3e3e3 solid ; height: 119px; line-height: 119px;}
.main3 .list .layout a img{ padding-top: 30px;}
}
/*main4*/
.main4{width:100%; overflow:hidden;background:#f8f8f8; padding: 70px 0 90px 0;}
.main4 .title{text-align: center;}
.main4 .title1{ color:#ba0903; 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 .layout3{padding-left:46px; }
.main4 .list .left a{ display: block}
.main4 .list .left .layout1 .img { width: 100%; overflow: hidden; }
.main4 .list .left .layout1 .img img{ width: 100%; height:260px; 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 40px 20px; background: #fff; }
.main4 .list .left .layout1 .txt .txt1{ font-size: 20px; color: #333333; line-height: 26px; font-weight: bold;}
.main4 .list .left .layout1 .txt p{ font-size: 16px; color: #777777; line-height: 30px; margin:15px 0 25px 0 ;
overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; height: 90px;}
.main4 .list .left .layout1 a:hover .txt p{color: #ba0903; }
.main4 .list .left .layout1 .txt .date{ width: 120px; font-size: 14px; color: #ba0903; line-height: 20px;
background: url("../images/jiantou_red.png") no-repeat right center ; }
.main4 .list .left .layout2 .img { width: 100%; overflow: hidden; }
.main4 .list .left .layout2 .img img{ height: 260px; 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 40px 20px; background: #fff; }
.main4 .list .left .layout2 .txt .txt1{ font-size: 20px; color: #333333; line-height: 26px; font-weight: bold;}
.main4 .list .left .layout2 .txt p{ font-size: 16px; color: #777777; line-height: 30px; margin:15px 0 25px 0 ;
overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; height: 90px;}
.main4 .list .left .layout2 a:hover .txt p{color: #ba0903; }
.main4 .list .left .layout2 .txt .date{ width: 120px; font-size: 14px; color: #ba0903; line-height: 20px; background: url("../images/jiantou_red.png") no-repeat right center ; }
.main4 .list .left .layout3 .new{padding:30px 30px 25px 30px; background: #fff;}
.main4 .list .left .new .title{ font-size: 24px; color: #000000;margin-bottom: 20px; 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("../images/jia.jpg") no-repeat right center; padding-right: 18px; }
.main4 .list .left .new ul li a{ color: #666666; font-size: 16px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main4 .list .left .new ul li a:hover{ color:#ba0903 ;}
.main4 .list .left .new .title .jia:hover{ color:#ba0903 ;}
.main4 .list .left .new ul:nth-of-type(1){ padding-bottom: 30px; border-bottom:1px solid #e6e6e6 ; margin-bottom: 33px;}
.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("../images/jiantou_hui.png") no-repeat right center;}
.main4 .layout .more1:hover{ background:#ba0903;}
.main4 .layout .more1:hover .more2{ background:url("../images/jiantou_bai.png") no-repeat right center #ba0903; 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;}
.main4 .list .left .layout3 .new{padding:30px 30px 25px 30px;}
}
@media only screen and (min-width: 1919px) 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;}
.main4 .list .left .layout3 .new{padding:30px 30px 25px 30px;}
}
/*main5*/
.main5{width: 100%; background: url("../images/m5_big.jpg") no-repeat; height:100px ; background-size: 100% 100%; font-family: SourceHanSansCN-Normal,"微软雅黑";;}
.main5 .list{width:94%; margin:0px auto; padding: 20px 0px; line-height: 60px; overflow: hidden; display: table }
.main5 .list .cell{ color:#ffffff ; font-size: 20px; overflow: hidden; text-align: center; display: table-cell;}
.main5 .list .cell .midd{ display: inline-block;}
.main5 .list .cell .img1{ float: left;}
.main5 .list .cell:nth-of-type(1){ text-align: left;}
.main5 .list .cell:nth-of-type(4){ text-align: right;}
.main5 .list .cell:nth-of-type(3) .img1{ padding-right:15px ; padding-left: 15px;}
.main5 .list .cell:nth-of-type(4) .img1{ padding-right:15px ; padding-left: 15px;}
@media only screen and (min-width: 2559px) and (max-width: 200000px) {
.main5{ height:170px ;}
.main5 .list{width:80%; padding-top: 35px; line-height: 100px;}
}
@media only screen and (min-width: 1919px) and (max-width: 2559px) {
.main5{ height:125px ;}
.main5 .list{width:73%; padding-top:27.5px; line-height: 75px;}
}
/***********************内页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;}
/*******************分页*********************/
.fy{overflow: hidden;text-align: center; padding-bottom: 100px; background:#f8f8f8 ;}
.fy-con{display: inline-block;overflow: hidden; }
.fy .pre{ width: 70px; height: 40px; margin-right: 30px; border-radius: 2px;}
.fy .next{ width: 70px; height: 40px; border-radius: 2px;}
.fy a{ display:block; width:35px; height:40px; text-align:center; line-height:40px; float:left; font-size:12px;color:#ffffff;; margin-right:10px;background: #8a8a8a; border-radius: 2px;}
.fy a:hover{ background:#cf0b15}
.fy .cpb {color:#ffffff;border:none;background: #cf0b15;width:36px;height:40px;line-height: 40px;display:block;text-align:center;float:left;font-size:12px;margin-right:10px; border-radius:2px;}
/*新闻列表页*/
.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{ width: 1400px; margin: 0 auto; text-align: center; padding-bottom: 90px;}
.nytitle .menu-title ul{ display: inline-block; overflow: hidden;}
.nytitle .menu-title ul li{ float: left; width:180px; height: 40px;border: 1px solid #c3c3c3;
text-align: center; line-height: 40px; font-size: 16px; margin-left: 5px; margin-right: 5px;}
.nytitle .menu-title ul li a{ display: block; color: #666666;}
.nytitle .menu-title ul li:hover{border: 1px solid #e0111b; }
.nytitle .menu-title ul li:hover a{ color: #fff; background:#e0111b; }
.nytitle .menu-title ul .li-active{float: left; width:180px; height: 40px;border: 1px solid #e0111b;text-align: center; line-height: 40px; font-size: 16px; margin-left: 5px; margin-right: 5px; }
.nytitle .menu-title ul .li-active a{ color: #fff; background:#e0111b; }
.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("../images/jiantou2.png") no-repeat right center;}
.newlist .item_t:hover .wenzi .detail{ color: #e0111b;}
.newlist .item_t:hover .wenzi .date{ color: #ba0903;}
.newlist .item_t:hover .wenzi .date font{ color: #e0111b;}
.newlist .item_t:hover .wenzi .title a{color: #ba0903;}
.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("../images/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("../images/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: #e0111b; }
.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:#e0111b ; 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 #e0111b; color: #fff; line-height: 36px; padding: 0 10px;
background: #e0111b;}
.detail-page a:hover{ color:#fff;background: #e0111b; border: 1px solid #e0111b;}
.detail-page a.back{ float:right; margin-right: 0px; border: 1px solid #c3c3c3; padding: 0 20px;}
.detail-page a.back-active{color:#fff;background: #e0111b; border: 1px solid #e0111b;}
.detail-page a.back:hover{ color:#fff;background: #e0111b; border: 1px solid #e0111b;}
@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: #ba0903;}
.nytitle2 ol li a{ color: #666666; font-size: 16px; line-height: 20px; display: block; }
.nytitle2 ol li a:hover{ color:#ba0903; }
/*案例*/
.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; }
.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("../images/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("../images/bi.jpg") no-repeat left center; }
.anli .cont li .layout:hover .img2{ display: block;}
.anli .bd li .layout:hover .txt1 { color: #ba0903;}
.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("../images/youjiantou.png") no-repeat right 40px center;}
/*案例---------------雨润*/
.anli-demo .mo-list{ display: none;}
.anli-demo .mo-title{ display: none;}
.anli-demo{ background: #f0f0f0; 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("../images/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("../images/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("../images/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; height: 690px;}
.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("../images/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("../images/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("../images/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("../images/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: #ba0903;}
.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: #e0111b; color: #fff; border:1px solid #e0111b;}
.anli-demo .four .layout-1200 ul li .a-active{display: block; font-size: 15px; color: #fff; text-align: center; background: #e0111b;border:1px solid #e0111b; }
.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("../images/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: #ba0903; 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: #e0111b; 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:#e0111b ;}
.yingxiao .three .type1 .right{ width:640px ; text-align: left;}
.yingxiao .three .type1 .right .txt1{ font-size: 28px; color: #e0111b; 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: #e0111b; 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: #e0111b; 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:#e0111b ;}
@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: #ba0903; 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: #e0111b; line-height: 40px; float: left; width: 70px;}
.yingxiao2 .three .cell .tit{ width: 245px; height: 38px; border: 1px solid #e0111b; padding-left: 15px; line-height: 38px;
font-size:18px; color: #e0111b; 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("../images/yx2_2.png") no-repeat left center;}
.yingxiao2 .four .cell .right{ padding-left: 75px; background: url("../images/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: #df111b; 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("../images/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: #df111b; 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("../images/about-bg.png") no-repeat ; background-size: 100% 900px;
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: #f62323; 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("../images/about_1.png") no-repeat left top;}
.about .two .cont .img2{background: url("../images/about2.png") no-repeat left top;}
.about .two .cont .img3{background: url("../images/about3.png") no-repeat left top;}
.about .two .cont .img4{background: url("../images/about4.png") no-repeat left top;}
.about .two .cont .img5{background: url("../images/yzh_f5.jpg") no-repeat left top;}
.about .two .cont .img6{background: url("../images/yzh_f6.jpg") 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: #df111b; 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("../images/about_5.png") no-repeat left top;}
.about .four .img2{background: url("../images/about6.png") no-repeat left top;}
.about .four .img3{background: url("../images/about-7.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: #ba0903; 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: #e93f40;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("../images/yuzh_bg.jpg") no-repeat left bottom; margin-bottom: 35px;}
.butong .cell .layout .t2 font{ color:#df111b ;}
.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: #df111b; 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: #df111b;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("../images/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 #e93f40; padding: 0px;}
.butong .five .f-left .f-cell:hover .f1{ color:#e93f40 ;}
.butong .five .f-left .f-cell:hover .f2{ color:#e93f40 ;}
.butong .five .five1{ background: url("../images/yuzh_1.png") #ffffff no-repeat center top 45px;}
.butong .five .five2{ background: url("../images/yuzh_2.png") #ffffff no-repeat center top 45px;}
.butong .five .five3{ background: url("../images/yuzh_3.png") #ffffff no-repeat center top 45px;}
.butong .five .five4{ background: url("../images/yuzh_4.png") #ffffff no-repeat center top 45px;}
.butong .five .five5{ background: url("../images/yuzh_5.png") #ffffff no-repeat center top 45px;}
.butong .five .five6{ background: url("../images/yuzh_6.png") #ffffff no-repeat center top 45px;}
.butong .five .five1:hover{ background: url("../images/yuzh_1h.png") #ffffff no-repeat center top 45px;}
.butong .five .five2:hover{ background: url("../images/yuzh_2h.png") #ffffff no-repeat center top 45px;}
.butong .five .five3:hover{ background: url("../images/yuzh_3h.png") #ffffff no-repeat center top 45px;}
.butong .five .five4:hover{ background: url("../images/yuzh_4h.png") #ffffff no-repeat center top 45px;}
.butong .five .five5:hover{ background: url("../images/yuzh_5h.png") #ffffff no-repeat center top 45px;}
.butong .five .five6:hover{ background: url("../images/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 ;}
}
.contact{ background: #f8f8f8; padding-bottom:110px;padding-top: 6.5em;}
.contact .layout-w{background: #FFFFFF; width: 94%; max-width:1400px; margin: 0 auto; }
.contact .title{ text-align: center;font-family: "SourceHanSansCN-Normal","微软雅黑";; background: #f8f8f8; }
.contact .title2{ color: #ba0903; 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("../images/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("../images/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:730px ; height:408px; }
.contact .two .addc{ overflow: hidden; padding-bottom: 55px; border-bottom: 1px dotted #d9d9d9; margin-bottom: 50px;}
.contact .two .addc:last-child{ border-bottom:none; margin-bottom: 0; padding-bottom: 130px;padding-top: 7.5em;}
@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("../images/bg1.png") repeat; }
.anli .ewm-bg{position: relative; left: 50% ;top:40%; margin-left: -52px; margin-top: -52px; width:104px ; height: 104px; background: url("../images/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("../images/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("../images/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(../images/top.jpg) top center no-repeat; outline:none;}
.top a:hover{background:url(../images/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(../images/top.jpg) center -48px no-repeat;}
.suspension-show-two{background:url(../images/top.jpg) center -96px no-repeat;}
.suspension-show-three{background:url(../images/top.jpg) center -144px no-repeat;}
.suspension-show-one:hover{background:url(../images/top.jpg) center -240px no-repeat;}
.suspension-show-two:hover{background:url(../images/top.jpg) center -288px no-repeat;}
.suspension-show-three:hover{background:url(../images/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;}
/*单页*/
/*app推广*/
.app{ background: #f8f8f8; }
.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:#e93f40 ; 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:#e0111b; 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: #ba0903; font-weight: normal; line-height: 40px; text-align: center; }
.jianshe_sj4_tab table { border-collapse: collapse; width: 100%; background: #e0111b; 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: #e0111b;
border: 1px solid #ba0903; 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(../images/zhn1.jpg) top left no-repeat; }
.zhn .l_zntext a.zn2 { background: url(../images/zhn2.jpg) top left no-repeat; }
.zhn .l_zntext a.zn3 { background: url(../images/zhn3.jpg) top left no-repeat; }
.zhn .l_zntext a.zn4 { background: url(../images/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(../images/zhn1.jpg) top left no-repeat; }
.yw .l_zntext a.zn2 { background: url(../images/zhn2.jpg) top left no-repeat; }
.yw .l_zntext a.zn3 { background: url(../images/zhn3.jpg) top left no-repeat; }
.yw .l_zntext a.zn4 { background: url(../images/zhn4.jpg) top left no-repeat; }
.yw .l_zntext a.zn5 { background: url(../images/zhn5.jpg) top left no-repeat; }
.yw .l_zntext a.zn6 { background: url(../images/zhn6.jpg) top left no-repeat; }
.yw .l_zntext a.zn7 { background: url(../images/zhn7.jpg) top left no-repeat; }
.yw .l_zntext a.zn8 { background: url(../images/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: #e0111b; 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: #e0111b; 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: #e0111b; font-weight: 200;
font-family: SourceHanSansCN-Normal,"微软雅黑";; text-align:center; padding-bottom: 30px; padding-top: 100px; }
.shouji .two{ background: #e93f40; 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: #e0111b; 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: #e0111b; 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:#e93f40 ; 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:#e93f40 ; 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:#e93f40 ; 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:#e93f40 ; 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: #e0111b; 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: #ba0903; 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: #e93f40; 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: #e0111b; 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("../images/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: #e0111b; 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("../images/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: #ba0903; 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: #e0111b; 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: #e0111b; 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;}
}
/*top*/
.top_hunayin{ width:100%; margin:0 auto; border-bottom:solid 1px #eaeaea; height:40px; background:#f6f6f6; }
.top_wenzi{ font-family:"微软雅黑"; font-size:14px; line-height:40px; color:#666; letter-spacing:10px; width:40%; float:left;}
.side-bar {
/*width: 40%;*/
position:relative;
right: 25px;
font-size: 0;
line-height: 0;
z-index: 100;
float:left;
font-size:14px;
line-height:40px;
text-indent:2.5rem;
}
.side-bar a {
height: 40px;
display: inline-block;
background: url(../images/h_weixin.png) 12px no-repeat;
margin-bottom: 2px;
}
.side-bar a:hover {
}
.side-bar .icon-qq {
background-position: 0 -62px;
}
.side-bar .icon-chat {
/*background-position: 0 -118px;*/
position: relative;
}
.side-bar .icon-chat:hover .chat-tips {
display: block;
}
.side-bar .icon-blog {
background-position: 0 -198px;
}
.side-bar .icon-mail {
background-position: 0 -266px;
}
.side-bar .icon-totop {
background-position: 0 -334px;
}
.chat-tips {
/*padding: 20px ;*/
/*border: 1px solid #d1d2d6;*/
position: absolute;
/*right: 78px;*/
top: 40px;
/*background-color: #ffffff;*/
display: none;
text-indent:0;
}
.chat-tips i {
width: 9px;
height: 16px;
display: inline-block;
position: absolute;
right: -9px;
top: 80px;
background-position:-88px -350px;
}
.chat-tips img {
width:90px;
height:90px;
}
.tou_da{ float:right;}
.side-weibo{ font-family:"微软雅黑"; font-size:14px; color:#666; margin-top: 12px; margin-right: 1.5em; float:left;}
.side-weibo img{ width:20px; height:20px; float:left; margin-right: 0.6em;}
.side-idc{ font-family:"微软雅黑"; font-size:14px; color:#666;margin-right: 1.8em;margin-top: 12px; float:left;}
.side-idc img{ float:left; margin-right: 0.6em;}