@charset "utf-8";
body {
margin: 0;
padding: 0;
font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
}
td, div {
font-size: 12px;
color: #444;
}
a {
color: #333;
text-decoration: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
a:hover {
color: #f30;
}
.clear {
clear: both;
}
.dis {
display: none;
}
.w {
width: 1200px;
margin: 0 auto;
clear: both;
overflow: hidden;
}
.mt10 {
margin-top: 10px;
}
.m10 {
margin: 10px auto;
}
h1, h2, h3, h4, p, a, ul, li, dl, dt, div {
padding: 0px;
margin: 0px
}
li, dt {
list-style: none
}
#topbar {
background: url(/theme/cn2018/images/head_top_bg.jpg) center center;
height: 50px;
line-height: 50px;
}
#topbar .w span {
float: right;
background: #fff;
padding: 0 15px;
color: #ddd;
font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
}
#topbar .w span a {
font-family: arial;
}
#topbar .w {
color: #999;
}
#topbar .fl {
float: left;
width: 350px;
}
#topbar .fr {
float: right;
}
#topbar .fr h1 {
float: left;
}
#topbar .fr h1 i {
color: #fff;
margin-right: 20px
}
#topbar .fr h1 i:hover {
color: #ccc
}
#topbar .fr p {
float: left;
color: #fff;
font-size: 14px;
margin-left: 70px
}
#topbar .fr p i {
color: #fff;
margin-right: 10px
}
#topbar .fl p {
line-height: 50px; font-size:14px;
color: #fff;
font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
}
#tophead {
padding: 25px 0; overflow:hidden
}
#tophead .logo {
width: 150px;
height: 57px;
float: left;
}
#tophead .logo img {
width: 100%;
}
#tophead form {
float: right;
margin-top: 20px;
}
#tophead form .input {
border: 1px solid #ddd;
padding: 10px 15px;
vertical-align: middle;
border-right: 0;
color: #555;
}
#tophead form .bnt {
background: #2194D3;
border: 1px solid #2194D3;
padding: 10px 25px;
vertical-align: middle;
color: #fff;
}
.head_con {
float: right
}
.head_con ul li {
float: left;
margin-left: 30px
}
.head_con ul li i {
float: left;
background: #083e8d;
color: #fff;
font-size: 30px;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
border-radius: 25px;
margin-right: 10px
}
.head_con ul li .p {
float: left
}
.head_con ul li .p h3 {
font-size: 18px;
}
.head_con ul li .p p { line-height:30px;
font-size: 14px;
color: #4e4e4e
}
#topnav {
background: #f0f0f0;
height: 60px;
box-shadow: 0px 0px 9px 0px rgba(6,22,58,0.07);
-webkit-box-shadow: 0px 0px 9px 0px rgba(6,22,58,0.07);
-moz-box-shadow: 0px 0px 9px 0px rgba(6,22,58,0.07);
z-index: 9999
}
#topnav .fr form{ float:left; padding-top:12px}
#topnav .fr a{ display:block; float:right; margin-left:20px}
#topnav .w {
overflow:visible
}
#topnav .w ul { width:800px;
margin: 0;
padding: 0;
list-style: none;
}
#topnav .w .fr a{ padding:0px 20px; display:block; border-left:1px solid #ccc}
#topnav .w .fr:hover a{ }
#topnav .w .fr a p{ font-size:16px ; line-height:60px; }
#topnav .w .fr a p i{ font-size:30px ; margin-left:10px;line-height:60px; float:right}
#topnav .w ul li {
float: left;
position: relative
}
#topnav .w ul li:after {
content: "";
position: absolute;
height: 20px;
width: 1px;
right: 0px;
top: 50%;
background-color: rgba(2,13,38,0.07);
display: inline-block;
-khtml-transform: translateX(0%) translateY(-50%);
-moz-transform: translateX(0%) translateY(-50%);
-ms-transform: translateX(0%) translateY(-50%);
-o-transform: translateX(0%) translateY(-50%);
transform: translateX(0%) translateY(-50%)
}
#topnav .w ul li a {
height: 60px;
line-height: 60px;
font-size: 16px;
font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
color: #020d26;
padding: 0 24px;
display: block; font-weight:bold
}
#topnav .w ul li a:hover {
}
#topnav .w ul .hover a {
height: 60px;
line-height: 60px;
font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
color: #083e8d;
padding: 0 24px;
display: block;
}
#topnav .w ul li dl {
position: absolute;
z-index: 999;
margin: 0;
display: none;
width: auto;
}
#topnav .w ul .hover dl dt a {white-space:nowrap;
background: #083e8d;
border-bottom: 1px solid #187EC6;
height: 50px;
line-height: 50px;
display: block; font-size:14px !important; font-weight:normal;
color:#fff
}
#topnav .w ul .hover dl dt a:hover {
background: #fff;
color: #333;
display: block;
}
#banner {
}
.c-banner .banner li .text {
position: absolute; top: 80px; left: 50%; width: 1200px; margin-left: -600px;;
}
.c-banner .banner li .text h1 {
font-size: 40px;
color: #083e8d;
}
.c-banner .banner li .text h1 span {
color: #ff5e14;
}
#banner #slides li img{ width: 100%;;}
.c-banner .banner li .text p {
font-size: 18px;
color: #000;
margin: 10px 0px; line-height:36px;
}
.c-banner .banner li .text a {
color: #fff;
background:#ff5e14;
width: 100px;
line-height: 40px;
height: 40px;
text-align: center;
display: block;
font-size: 14px;
}
.c-banner .banner li .text a:hover {
background: #083e8d
}
#full-screen-slider {
width: 100%;
position: relative
}
#slides {
display: block;
width: 100%;
list-style: none;
padding: 0;
margin: 0;
position: relative
}
#slides li {-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative;
display: block;
list-style: none;
padding: 0;
margin: 0;
}
#pagination {
display: block;
list-style: none;
position: absolute;
left:50%; margin-left:-97px !important;
bottom: 120px;
z-index: 2000;
padding: 5px 15px 5px 0;
}
#pagination li {
display: block;
list-style: none;
width: 50px;
height: 5px;
float: left;
background: #FFF;
margin-right: 10px
}
#pagination li a {
display: block;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
}
#pagination li.current {
background: #083e8d
}
.c-banner{
width: 100%;
position: relative;
}
.c-banner img{
width: 100%;
}
.c-banner .banner ul{
list-style: none;
padding-left: 0px;
margin-bottom: 0px;
}
.c-banner .banner ul li{
position: absolute
display: none;
opacity: 0;
}
.c-banner .banner ul li:nth-child(1){
opacity: 1;
display: block;
}
.c-banner .banner ul li img{
width: 100%;
position: absolute;
top: 0px;
}
.c-banner .banner ul li:first-child img{
position: relative;
}
.c-banner .nexImg,.c-banner .preImg{
padding: 25px 10px 25px 10px;
position: absolute;
top: 50%;
margin-top: -53px;
background: #000000;
opacity: 0.5;
border-radius: 5px;
z-index: 10;
}
.c-banner .nexImg:hover,.c-banner .preImg:hover{
opacity: 0.8;
}
.c-banner .nexImg{
right: 0px;
}
.c-banner .nexImg img,.c-banner .preImg img{
width: ;;
}
.c-banner .jumpBtn{
width: 100%;
position: absolute;
bottom: 20px;
text-align: center;
}
.c-banner .jumpBtn ul{
margin-bottom: 0px;
padding: 0px;
}
.c-banner .jumpBtn ul li{
width: 10px;
height: 10px;
border-radius: 50%;
display: inline-block;
background-color: white;
opacity: 0.9;
margin-left: 10px;
}
.c-banner .jumpBtn ul li:first-child{
margin-left: 0px;
}
@media screen and (max-width:768px) {
.c-banner{
width: 100%;
height: 345px;
overflow: hidden;
}
.c-banner .banner ul li img{
width: 768px;
height: 345px;
position: absolute;
left: 50%;
margin-left: -384px;
}
}
.video {
background: #083e8d;
z-index: 999; margin: 0px auto;
}
.video .p {
float: left;
padding: 40px 30px
}
.video .p h1 {
color: #fff;
font-size: 24px;
font-weight: normal;
margin-bottom: 20px
}
.video .p p {
color: #fff;
font-size: 14px;
line-height: 30px;
width: 700px;
font-weight: lighter;
}
.video .sp {
background: url(/theme/cn2018/images/video_bg.jpg) no-repeat center;
width: 349px;
float: right;
height: 196px
}
.subject {
color: #1F92D1;
font-size: 18px;
font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
height: 41px;
line-height: 40px;
border-bottom: 1px solid #ddd;
}
.video .sp i {
text-align: center;
color: #fff;
font-size: 40px;
position: relative;
top: -60px;
}
@keyframes scale {
0% {
transform:scale(1)
}
50%, 75% {
transform:scale(3)
}
78%, 100% {
opacity:0
}
}
.video .sp a {
display: block;
width: 80px;
height: 80px;
border-radius: 50%;
background: #ff5e14;
margin: 58px auto;
}
.video .sp a:before {
content: '';
display: block;
width: 80px;
height: 80px;
border-radius: 50%;
opacity: .7;
background-color: #ff5e14;
animation: scale 2s infinite cubic-bezier(0, 0, .49, 1.02);
animation-delay: 200ms;
}
.subject b {
display: inline-block;
font-weight: normal;
border-bottom: 2px solid #1F92D1;
height: 40px;
line-height: 40px;
}
.subject span {
color: #bbb;
display: inline-block;
font-size: 16px;
font-family: verdana;
padding-left: 10px;
}
.subject a {
float: right;
font-size: 12px;
font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
}
.pro_width {
width: 1012px;
height: 370px;
overflow: hidden;
}
.prolist {
margin: 15px 0;
padding: 0;
list-style: none;
overflow: hidden;
width: 29999px;
}
.prolist li {
float: left;
width: 240px;
margin: 0 13px 13px 0;
}
.prolist li a {
border: 1px solid #eee;
display: block;
padding: 15px;
}
.prolist li a img {
border: 1px solid #eee;
}
.prolist li a .title {
text-align: center;
font-size: 14px;
height: 40px;
line-height: 40px;
font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
}
.prolist li a .intro {
line-height: 18px;
color: #999;
word-break: break-all;
min-height: 55px;
}
.prolist li a .more {
display: block;
margin: 15px auto 10px auto;
text-align: center;
background: #e5e5e5;
width: 90px;
line-height: 24px;
}
.prolist li a:hover {
border: 1px solid #ddd;
}
.prolist li a:hover .title {
color: #1F92D1;
}
.prolist li a:hover .more {
background: #1F92D1;
color: #fff;
}
.topcase {
margin: 15px 0;
padding: 0;
list-style: none;
overflow: hidden;
}
.topcase li {
float: left;
width: 240px;
margin: 0 13px 13px 0;
}
.topcase li a {
text-align: center;
display: block;
position: relative;
height: 160px;
overflow: hidden;
}
.topcase li img {
border: 1px solid #eee;
width: 240px;
height: 180px;
display: block;
margin-bottom: 10px;
}
.topcase li a div {
position: absolute;
background: #333;
width: 100%;
line-height: 40px;
height: 40px;
color: #fff;
display: block;
bottom: -40px;
left: 1px;
opacity: 0.7
}
.bg_black {
background: #eee;
padding: 15px 0;
}
.subject_news {
color: #333;
font-size: 18px;
font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
height: 41px;
line-height: 40px;
border-bottom: 1px solid #ddd;
}
.subject_news b {
display: inline-block;
font-weight: normal;
border-bottom: 2px solid #1F92D1;
height: 40px;
line-height: 40px;
}
.subject_news span {
color: #bbb;
display: inline-block;
font-size: 16px;
font-family: verdana;
padding-left: 10px;
}
.subject_news a {
float: right;
font-size: 12px;
font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
}
.newslist {
margin: 15px 0;
padding: 0;
list-style: none;
overflow: hidden;
}
.newslist li {
float: left;
width: 480px;
margin: 0 20px 20px 0;
}
.newslist li a img {
float: left;
margin-right: 10px;
border: 1px solid #eee;
}
.newslist li a .title {
font-size: 16px;
font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
line-height: 30px;
}
.newslist li a .date {
font-size: 12px;
color: #444;
font-family: arial;
line-height: 20px;
}
.newslist li a .intro {
line-height: 18px;
color: #999;
}
.newslist li a:hover .title {
color: #f30;
}
.link {
padding: 15px;
}
.link img {
margin: 3px 8px 5px 0;
}
.link ul {
clear: both;
margin: 0;
padding: 0;
list-style: none;
}
.link ul li {
float: left;
width: 93px;
height: 25px;
overflow: hidden;
}
#bg_foot_nav {
background: #187EC6;
text-align: center;
}
.foot_nav {
height: 40px;
line-height: 40px;
color: #fff;
}
.foot_nav span {
float: right;
padding-top: 5px;
}
.foot_nav a {
color: #fff;
}
.foot_nav a:hover {
color: #ff0;
}
#bg_copyright {
background: #1F92D1;
padding: 20px 0;
}
.copyright {
color: #fff;
font-family: verdana;
line-height: 25px;
text-align: center;
}
.copyright a {
color: #fff;
}
.copyright a:hover {
color: #ff0;
}
.lefter {
width: 220px;
margin-right: 30px;
float: left;
}
.righter {
float: left;
width: 750px;
}
.leftnav {
background: #1F92D1;
padding: 10px 15px;
color: #fff;
font-size: 18px;
font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
}
.subnav {
border: 1px solid #eee;
border-bottom: 0;
margin: 0;
padding: 0;
list-style: none;
}
.subnav li {
}
.subnav li a {
display: block;
padding-left: 20px;
background: #fafafa;
font-size: 14px;
line-height: 40px;
height: 40px;
border-bottom: 1px solid #eee;
}
.subnav li a:hover {
color: #1F92D1;
font-weight: bold;
background: #f3f3f3;
}
.subnav .hover a {
display: block;
padding-left: 20px;
color: #1F92D1;
font-weight: bold;
background: #f3f3f3;
font-size: 14px;
line-height: 40px;
height: 40px;
border-bottom: 1px solid #eee;
}
.subnav dl {
margin: 0;
padding: 0;
list-style: none;
*margin-top:-12px;
}
.subnav dl dt {
}
.subnav dl dt a {
background: #fff;
display: block;
height: 40px;
line-height: 40px;
border-bottom: 1px solid #eee;
padding-left: 20px;
font-size: 12px;
}
.subnav dl dt a:hover {
background: #fff;
font-size: 12px;
font-weight: normal;
color: #f30;
}
.subnav li dl .hover a {
color: #f30;
font-size: 12px;
font-weight: normal;
background: #fff;
}
.left_border {
border: 1px solid #eee;
border-top: 0;
padding: 10px 15px;
line-height: 25px;
}
.left_border p {
margin: 0;
padding: 0;
}
.left_border b {
font-size: 14px;
}
.container {
line-height: 25px;
font-size: 14px;
padding: 15px 0;
}
.container p {
margin: 5px 0;
font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
font-size: 16px;
}
.artshow table{border-collapse:collapse; }
.artshow table td{ border:1px #666 solid; text-align:center; padding:10px; font-size:16px;}
.artshow table .firstRow{ background:#083e8d; }
.artshow table .firstRow td{ color:#fff}
.artshow {
line-height: 25px;
font-size: 14px;
padding: 0 0 15px 0;
}
.artshow .title {
text-align: center;
font-size: 20px;
line-height: 30px;
font-weight: 100;
font-variant: normal;
margin: 0;
padding: 15px 0;
font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
}
.artshow .info {
text-align: center;
font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
color: #999;
padding: 0 0 15px 0;
font-size: 14px;
}
.artshow p {
margin: 5px 0;
font-size: 14px;
}
.artshow .pre {
margin: 5px 0 5px 0;
color: #999;
}
.artshow .next {
margin: 0 0 5px 0;
color: #999;
}
.prowidth{width:1200px;overflow:hidden;}
.pro_list{margin:15px 0;padding:0;list-style:none;overflow:hidden;}
.pro_list li{float:left;width:280px;margin:0 15px 13px 0;}
.pro_list li:nth-child(4n){ margin:0 0px 13px 0}
.pro_list li a{border:1px solid #eee;display:block;padding:9px;}
.pro_list li a img{ padding:10px;}
.pro_list li .pic{ width:258px; height:258px; overflow:hidden;border:1px solid #eee;}
.pro_list li img { transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out; }
.pro_list li :hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }
.pro_list li img.none:hover { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); }
.pro_list li a .title{text-align:center;font-size:16px;height:40px;line-height:40px;}
.pro_list li a .intro{line-height:18px;color:#999;word-break:break-all;min-height:55px;}
.pro_list li a .more{display:block;margin:15px auto 10px auto;text-align:center;background:#e5e5e5;width:258px;line-height:50px;font-size:16px;}
.pro_list li a:hover{border:1px solid #ddd;}
.pro_list li a:hover .title{color:#EA7500;}
.pro_list li a:hover .more{background:#083e8d;color:#fff; font-size:14px;}
.pic_list {
margin: 15px 0;
padding: 0;
list-style: none;
overflow: hidden;
}
.pic_list li {
float: left;
width: 240px;
margin: 0 13px 13px 0;
}
.pic_list li a {
border: 1px solid #eee;
display: block;
padding: 5px;
}
.pic_list li a img {
border: 0;
}
.pic_list li a .title {
text-align: center;
font-size: 14px;
height: 40px;
line-height: 40px;
font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
}
.pic_list li a:hover {
border: 1px solid #ddd;
}
.pic_list li a:hover .title {
color: #1F92D1;
}
.casewidth {
width: 780px;
overflow: hidden;
}
.case_list {
margin: 20px 0;
padding: 0;
list-style: none;
}
.case_list li {
width: 240px;
margin: 0 20px 30px 0;
float: left;
text-align: center;
font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
}
.case_list li img {
display: block;
margin-bottom: 15px;
}
.case_list li a {
color: #666;
font-size: 13px;
}
.case_list li a:hover {
color: #f30;
}
.joblist {
margin: 15px 0;
padding: 0;
list-style: none;
overflow: hidden;
}
.joblist li {
float: left;
width: 480px;
margin: 0 20px 20px 0;
border-bottom: 1px dashed #eee;
padding-bottom: 15px;
}
.joblist li a .title {
font-size: 16px;
font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
line-height: 30px;
}
.joblist li .line {
padding: 0;
margin: 0;
line-height: 22px;
}
.joblist li .line b {
float: left;
width: 70px;
color: #555;
}
.joblist li .line .intro {
margin-left: 70px;
}
.joblist li a:hover .title {
color: #f30;
}
.job_list {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
}
.job_list li {
float: left;
width: 350px;
margin: 0 20px 20px 0;
border-bottom: 1px dashed #eee;
padding-bottom: 15px;
}
.job_list li a .title {
font-size: 16px;
font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
line-height: 30px;
line-height: 40px;
margin-bottom: 10px;
}
.job_list li .line {
padding: 0;
margin: 5px 0;
line-height: 24px;
text-indent: 0;
}
.job_list li .line b {
float: left;
width: 70px;
}
.job_list li .line .intro {
margin-left: 70px;
}
.job_list li .line .intro p {
margin: 0 0 5px 0;
padding: 0;
}
.job_list li a:hover .title {
color: #f30;
}
.news_list {
margin: 0;
padding: 0;
list-style: none;
}
.news_list li {
border-bottom: 1px dotted #ccc;
padding: 10px;
line-height: 24px;
color: #999;
}
.news_list li:hover {
background: #fafafa;
}
.news_list li a {
font-size: 18px;
font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
display: block;
line-height: 40px;
}
.news_list li em {
color: #666;
font-family: verdana;
display: block;
font-style: normal;
}
.rss_list {
margin: 0;
padding: 0;
list-style: none;
}
.rss_list li {
border-bottom: 1px dotted #ddd;
line-height: 40px;
color: #999;
}
.rss_list li a {
font-size: 14px;
font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
}
#position {
margin: 0 auto;
width: 1000px;
overflow: hidden;
font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
line-height: 30px;
}
/*list*/
.list_page {
text-align: center;
margin: 10px;
display: block;
}
.list_page:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow: hidden;
}
.list_page ul {
list-style: none;
margin: 0;
padding: 0;
display: inline-block;
vertical-align: bottom;
}
.list_page ul li {
display: inline-block;
border: solid 1px #ddd;
border-radius: 4px;
}
.list_page ul a {
color: #333;
padding: 8px 12px;
line-height: 18px;
display: block;
transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
background: #fff;
}
.page_group ul {
border-right: solid 1px #ddd;
border-radius: 4px;
}
.page_group ul li {
border-right: none;
border-radius: 0;
float: left;
}
.page_group ul li:not(:first-child):not(:last-child) {
border-radius: 0;
}
.page_group ul li:first-child {
border-radius: 4px 0 0 4px;
}
.page_group ul li:last-child {
border-radius: 0 4px 4px 0;
}
.page_group ul .active a {
background: #f3f3f3;
border-radius: 0;
}
.comment {
overflow: hidden;
clear: both;
margin: 10px 0;
}
.comment .line {
clear: both;
border-bottom: 1px solid #eee;
padding-bottom: 15px;
}
.comment .line .base {
font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
font-weight: bold;
line-height: 30px;
font-size: 14px;
}
.comment .line .base span {
margin: 0 0 0 10px;
color: #999;
font-weight: normal;
float: right;
font-size: 12px;
}
.comment .line .content {
line-height: 20px;
word-wrap: break-word;
overflow: hidden;
}
.comment .line .reply {
font-family: verdana;
word-wrap: break-word;
overflow: hidden;
}
.comment .line .reply strong {
color: #f60;
float: left;
}
.comment_more {
text-align: center;
padding: 10px 0;
font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
font-size: 14px;
}
.comment_more a {
color: #999;
}
.comment_more a:hover {
color: #f30;
}
.commentadd {
margin: 10px 0;
clear: both;
}
.commentadd .text {
}
.commentadd .text .div {
padding: 0 5px 0 0;
border: 1px solid #E4E2E2;
border-bottom: 0;
}
.commentadd .text .div textarea {
width: 98%;
height: 70px;
overflow: auto;
border: 0;
padding: 10px;
}
.commentadd .input {
margin: 0;
font-size: 14px;
background: #fafafa;
border: 1px solid #EDECEC;
overflow: hidden;
padding: 0px 5px 5px 15px;
line-height: 40px;
height: 40px;
font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
}
.commentadd .input .send {
float: right;
border: 1px solid #1F92D1;
background: #1F92D1;
color: #fff;
padding: 8px 25px;
margin: 5px 0 0;
vertical-align: middle;
cursor: pointer;
font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
}
.bookadd {
margin: 20px 0;
}
.bookadd div {
margin-bottom: 15px;
}
.bookadd .label {
float: left;
width: 100px;
text-align: right;
padding-right: 10px;
clear: both;
}
.bookadd .label span {
color: #f30;
font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
}
.bookadd .enter {
margin-left: 120px;
}
.bookadd .enter .ip {
border: 1px solid #ddd;
padding: 10px 10px;
vertical-align: middle;
overflow: hidden;
border-radius: 10px 0 10px 0;
}
.bookadd .enter .bnt {
border: 1px solid #1F92D1;
background: #1F92D1;
padding: 8px 20px;
vertical-align: middle;
color: #fff;
cursor: pointer;
}
.bookadd .enter label {
display: block;
}
.job_h1 {
font-size: 14px;
line-height: 35px;
border-bottom: 1px solid #eee;
margin: 10px 0;
}
.info_title {
font-size: 14px;
font-weight: bold;
border-bottom: 1px solid #f0f0f0;
line-height: 30px;
height: 30px;
margin: 0 0 15px 0;
}
.info_intro {
padding: 0 0 20px 0;
line-height: 22px;
color: #666;
}
.info_intro p {
margin: 0 0 5px 0;
padding: 0;
}
.info_intro .red {
color: #f30;
margin: 0 5px;
}
#goodsshow {
margin: 20px 0;
overflow: hidden;
width: 870px;
}
#goodsshow img {
border: 0;
}
#goodsshow .left {
float: left;
width: 350px;
margin: 0 50px 0 0;
}
#goodsshow .right {
float: left;
}
#goodsshow .shop_big {
border: 1px solid #ededed;
padding: 2px;
background: #fff;
width: 850px;
cursor: pointer;
}
#goodsshow .shop_plist {
clear: both;
width: 850px;
}
#prolist {
width: 810px;
float: left;
overflow: hidden;
height: 68px;
position: relative;
margin: 10px 0 0 0;
}
#prolist ul {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
width: 20000px;
position: relative;
}
#prolist ul li {
float: left;
cursor: pointer;
position: relative;
background: url(/theme/cn2018/images/pro_none.gif) no-repeat center top;
height: 68px;
}
#prolist ul li img {
height: 60px;
width: 60px;
margin: 6px 8px 0 8px;
padding: 0px;
border: 0;
}
#prolist .hover {
background: url(/theme/cn2018/images/pro_bg.gif) no-repeat center top;
height: 68px;
}
#goodsshow .shop_plist a.prev {
float: left;
width: 20px;
height: 68px;
display: block;
outline: none;
background: url(/theme/cn2018/images/ico_left.gif) no-repeat center;
line-height: 68px;
margin-top: 12px;
}
#goodsshow .shop_plist a.next {
float: left;
width: 20px;
height: 68px;
display: block;
outline: none;
background: url(/theme/cn2018/images/ico_right.gif) no-repeat center;
margin-top: 12px;
}
#goodsshow .right {
width: 350px;
}
#goodsshow .right h1 {
font-size: 18px;
font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
font-weight: normal;
margin: 0 0 10px 0;
padding: 0;
}
#goodsshow .right .intro {
color: #999;
min-height: 80px;
}
#goodsshow .right .sno {
border-bottom: 1px solid #eee;
line-height: 35px;
}
#goodsshow .right .price {
color: #999;
line-height: 30px;
padding: 10px 0;
}
#goodsshow .right .price span {
color: #f60;
font-size: 16px;
}
a.inquiry {
display: inline-block;
background: #1F92D1;
padding: 8px 30px;
color: #fff;
margin: 10px 0;
font-size: 16px;
font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;
border-radius: 4px;
}
a:hover.inquiry {
color: #fff;
background: #f60;
}
.con_pro {
padding: 120px 0px 60px 0px;
background: #f0f0f0
}
.con_pro .ystit p {
color: #1c1c1c;
font-weight: 300;
font-size: 20px
}
.con_pro .ystit h1 {
color: #1c1c1c;
font-weight: 700;
font-size: 32px; padding-bottom:10px
}
.con_pro .ystit h2 {
width: 50px;
height: 5px;
background: #f55c00
}
.con_pro .fl {
width: 350px;
float: left
}
.con_pro .fl p {
font-size: 16px;
font-weight: 300;
margin: 30px 0px;
font-weight: lighter;
line-height: 30px
}
.con_pro .fl ul li {
margin: 22px 0px
}
.con_pro .fl ul li a {
font-size: 16px;
font-weight: 700;
}
.con_pro .fl ul li a span {
font-size: 14px;
font-weight: 300;
color: #f55c00;
margin-right: 20px
}
.con_pro .fl .caselink {
background: #f55c00;
color: #fff;
width: 115px;
text-align: center;
line-height: 40px;
height: 40px;
border-radius: 5px;
font-weight: 700;
font-size: 14px;
margin-top: 20px
}
.con_pro .fl .caselink a {
color: #fff
}
.con_pro .fl .caselink:hover {
background: #444
}
.scrollpic {
width: 830px;
float: right;
margin: 0px auto 0 auto;
padding-bottom: 10px
}
#myscroll {
display: block;
width: 100%;
position: relative;
height: 320px;
overflow: hidden;
}
#myscroll #myscrollbox {
display: block;
float: left;
position: absolute;
left: 0;
top: 0;
width: 1000000px;
}
#myscroll ul {
display: block;
float: left;
list-style-type: none;
padding: 0;
margin: 0;
}
#myscroll ul li {
display: block;
float: left;
padding: 0;
width: 280px;
}
#myscroll ul li a {
display: block;
float: left;
width: 280px;
padding: 0;
position: relative;
height: 260px;
color: #333;
}
#myscroll a .intro {
position: absolute;
left: 0;
z-index: 10;
background-color: #083e8d;
filter: alpha(opacity=70);
width: 260px;
color: #fff;
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 1;
text-align: center;
}
#myscroll a .intro h5 {
padding: 0;
margin: 0;
font-size: 18px;
height: 50px;
width: 260px;
line-height: 50px;
border-bottom: 1px solid #347fdc;
font-weight: 100;
}
#myscroll a .intro p {
font-size: 13px;
line-height: 20px;
margin: 65px 70px;
height: 180px;
overflow: hidden;
}
#myscroll a .intro {
bottom: -370px;
}
#mybtns {
margin: 0px 0 20px 0px;
width: 830px;
display: block;
height: 42px;
margin-right: 15px;
}
#mybtns a {
width: 42px;
height: 42px;
display: block;
float: right;
margin-right: 1px;
background-color: #c1c1c1;
margin: 0px 10px;
}
#mybtns a:hover {
background-color: #083e8d;
}
#mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#mybtns #left {
background-image: url(/theme/cn2018/images/jt_l.png);
}
#mybtns #right {
background-image: url(/theme/cn2018/images/jt_r.png);
}
.con_about {
width: 1200px;
margin: 0px auto;
height: 623px;
}
.con_about .pic {
float: left;
width: 601px;
border-top: 15px solid #f55c00;
margin-top: -15px
}
.con_about .text {
width: 550px;
float: right;
padding-top: 60px
}
.con_about .text h3 {
font-size: 18px;
color: #818a8f;
font-weight: lighter
}
.con_about .text h1 {
font-size: 36px;
color: #083e8d;
margin: 20px 0px
}
.con_about .text p {
font-size: 16px;
color: #666;
font-weight: lighter;
line-height: 30px;
margin: 20px 0px
}
.con_about .text ul li {
width: 31.3%;
float: left;
margin-right: 1%
}
.con_about .text ul li h2 {
font-weight: normal;
}
.con_about .text ul li h1 {
font-size: 60px
}
.con_case {
background: url(/theme/cn2018/images/case_bg.jpg) no-repeat top;
min-height: 627px;
padding-top: 80px;
margin-top: -70px;
}
.con_case .tit {
text-align: center;
color: #fff;
margin-bottom: 45px
}
.con_case .tit h1 {
font-size: 30px; padding-bottom:12px
}
.con_case ul li {
float: left;
margin-right: 15px;
}
.con_case ul li:nth-child(3n) {
margin-right: 0px
}
.con_case ul li .pic{ width:390px; height:390px; overflow:hidden}
.con_case ul li .pic img {
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;
}
.con_case ul li:hover .pic img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
}
.con_case ul li p {
line-height: 80px;
text-align: center;
font-size: 18px;
background: #fff;
box-shadow: 0px 0px 9px 0px rgba(6,22,58,0.07);
-webkit-box-shadow: 0px 0px 9px 0px rgba(6,22,58,0.07);
-moz-box-shadow: 0px 0px 9px 0px rgba(6,22,58,0.07);
}
.con_news {
background: #f3f7f9;
padding: 130px 0px 50px 0px;
margin-top: -137px
}
.con_news ul {
margin-top: 40px
}
.con_news ul li {
width: 364px;
float: left;
margin-right: 54px;
}
.con_news ul li .pic {
width: 364px;
height: 249px;
overflow: hidden
}
.con_news ul li .pic img {
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;
}
.con_news ul li:hover .pic img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
}
.con_news ul li:hover a .text .title {
color: #f55c00
}
.con_news ul li .text .title {
font-size: 20px;
color: #020d26;
margin-top: 20px;
}
.con_news ul li .text .date {
padding: 10px 0px;
border-bottom: 1px solid #b3b9bd
}
.con_news ul li .text .date i {
font-size: 16px;
color: #b3b9bd;
color: #b3b9bd;
margin-right: 10px
}
.con_news ul li .text .date span {
font-size: 14px;
color: #b3b9bd;
color: #b3b9bd;
margin-right: 20px
}
.con_news ul li .text .intro {
line-height: 30px;
font-size: 14px;
}
.con_news ul li .text .intro {
color: #020d26;
opacity: 0.5
}
.con_news ul li .more {
color: #f55c00;
font-size: 16px;
margin-top: 10px
}
.con_news ul li:nth-child(3n) {
margin-right: 0px;
}
.con_news .tit h1 {
font-size: 30px;
font-weight: normal;
margin-bottom: 10px
}
.con_news ul li .title {
}
.con_coo {
padding: 50px 0px
}
.con_coo .tit h1 {
font-size: 30px;
font-weight: normal;
margin-bottom: 10px
}
.con_coo ul {
margin-top: 40px
}
.con_coo ul li { margin-bottom:10px;
width: 180px;
float: left;
margin-right: 24px;
}
.con_coo ul li:nth-child(6n) {
margin-right: 0px;
}
.con_coo ul li img {
border: 1px solid #ccc;
padding: 10px;
width: 158px
}
.fl {
float: left
}
.fr {
float: right
}
#footer {
background: #282828
}
.foot {
padding: 20px 0px;
overflow: hidden
}
.foot .f_con {
}
.foot .f_con h1 {
font-size: 34px;
color: #fff
}
.foot .f_con h2 {
font-size: 16px;
color: #fff;
margin: 30px 0px;
font-weight: normal;
}
.foot .f_con p {
color: #fff;
font-size: 14px;
float: left; width: 33.333%;
}
.foot .f_con p i {
color: #f55c00;
margin-bottom: 10px;
margin-right: 10px
}
.foot .f_ul {
float: right
}
.foot .f_ul ul {
margin-left: 150px
}
.foot .f_ul ul {
float: left
}
.foot .f_ul ul h2 {
color: #fff;
font-size: 20px;
}
.foot .f_ul ul h3 {
background: #f55c00;
height: 3px;
width: 50px;
margin: 10px 0px 33px 0px
}
.foot .f_ul ul li {
margin-bottom: 10px
}
.foot .f_ul ul li a span {
color: #f55c00
}
.foot .f_ul ul li a {
font-size: 14px;
color: #fff
}
.foot .f_ul ul li:hover a {
color: #f55c00
}
.foot_copy {
height: 50px;
line-height: 50px;
border-top: 1px solid #42454a;
color: #fff;
}
.foot_copy .fl {
color: #fff;
font-size: 14px;
}
.foot_copy .fr {
color: #fff;
font-size: 14px;
}
.foot_copy .fr a {
color: #fff;
font-size: 14px;
}
/* pro-section list */
.pro-section {
width: 1200px;
margin: 0px auto
}
.product-section div.pros-block:nth-child(2n) {
margin: 30px 0px 30px 0px
}
.product-section div.pros-block {
width: 585px;
margin: 30px 30px 30px 0px;
float: left;
}
.product-section div.pros-block .libox {
overflow: hidden;
box-shadow: 0px 2px 10px 0px rgba(130, 129, 129, 0.35);
position: relative;
}
.product-section div.pros-block .libox:before {
content: '';
position: absolute;
top: 5%;
left: 5%;
width: 0px;
height: 1px;
background-color: #fff;
opacity: 0;
z-index: 10;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.product-section div.pros-block .libox:after {
content: '';
position: absolute;
top: 5%;
right: 5%;
width: 1px;
height: 0;
background-color: #fff;
opacity: 0;
z-index: 10;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.product-section div.pros-block a {
display: block;
}
.product-section div.pros-block .tit {
width: 100%;
text-align: center;
position: absolute;
left: 0;
margin: 0;
font-size: 18px;
line-height: 50px;
background: rgba(0, 0, 0, 0.50);
color: #fff;
}
.product-section div.pros-block .intro {
position: relative;
padding: 10px
}
.product-section div.pros-block .hover {
display: block;
opacity: 0;
position: absolute;
left: 0;
top: 0;
z-index: 2;
width: 100%;
height: 100%;
background-color: rgba(2, 92, 172, 0.8);
color: #fff;
font-size: 16px;
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
}
.product-section div.pros-block .hover:before {
content: '';
position: absolute;
bottom: 5%;
right: 5%;
z-index: 1;
width: 0px;
height: 1px;
background-color: #fff;
opacity: 0;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.product-section div.pros-block .hover:after {
content: '';
position: absolute;
bottom: 5%;
left: 5%;
z-index: 1;
width: 1px;
height: 0;
background-color: #fff;
opacity: 0;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.product-section div.pros-block .hover div {
width: 100%;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.product-section div.pros-block .hover i {
display: block;
height: 30px;
line-height: 24px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 24px;
text-align: center;
font-style: normal;
margin: 1.6rem 0;
margin-top: 0;
color: #fff
}
.product-section div.pros-block .hover p {
display: block;
height: 24px;
line-height: 24px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 20px;
text-align: center;
}
.product-section div.pros-block .hover .more {
width: 110px;
height: 35px;
line-height: 35px;
background-color: #fff;
display: block;
margin: 0 auto 0;
margin-top: 1.6rem;
text-align: center;
border-radius: 20px;
color: #035cac;
}
.product-section div.pros-block:hover .hover {
opacity: 1;
}
.product-section div.pros-block:hover .libox:before {
width: 90%;
opacity: 1;
}
.product-section div.pros-block:hover .libox:after {
height: 90%;
opacity: 1;
}
.product-section div.pros-block:hover .hover:before {
width: 90%;
opacity: 1;
}
.product-section div.pros-block:hover .hover:after {
height: 90%;
opacity: 1;
}
.product-section div.pros-block img {
width: 100%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.product-section div.pros-block:hover img {
cursor: pointer;
transform: scale(1.1);
-ms-transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.product-section div.pros-block.tit {
margin: 0;
display: block;
height: 50px;
line-height: 50px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
background: #fff;
bottom: 0;
font-size: 18px;
}
#news-section {
padding: 40px 0px
}
.news-show-section {
background: #fff;
}
.news-block {
width: 380px;
float: left;
margin-right: 30px
}
.news-block:nth-child(3n) {
margin-right: 0px
}
.news-block .inner-box {
position: relative;
transition: all .3s;
-webkit-transition: all .3s;
-moz-transition: all .3s;
}
.news-block:hover .inner-box {
box-shadow: 0 7px 39px rgba(0, 0, 0, .1);
}
.news-block .inner-box .image {
width: 380px;
height: 230px;
position: relative;
overflow: hidden;
}
.news-block .inner-box .image img {
position: relative;
width: 100%;
display: block;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.news-block .inner-box:hover .image img {
transform: scale(1.1);
-ms-transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
}
.news-block .inner-box .image .overlay-link {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
opacity: 0;
text-align: center;
transform: scale(0.6, 0.6);
background-color: rgba(2, 92, 172, 0.8);
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
-moz-transition: all 600ms ease;
transition: all 600ms ease;
}
.news-block .inner-box:hover .image .overlay-link {
opacity: 1;
transform: scale(1, 1);
}
.news-block .inner-box .image .overlay-link .icon {
position: relative;
color: #ffffff;
top: 49%;
font-size: 28px;
margin-top: -5px;
display: inline-block;
}
.news-block .inner-box .image .post-date {
position: absolute;
right: 20px;
top: 20px;
width: 60px;
height: 60px;
z-index: 1;
font-size: 18px;
color: #ffffff;
font-weight: 700;
padding: 3px 8px 0px;
text-align: center;
background-color: #ff5e14;
text-transform: capitalize;
}
.news-block .inner-box .lower-content {
position: relative;
padding: 35px 28px 30px;
box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.05);
background: #fff;
}
.news-block .inner-box .lower-content .post-info {
position: relative;
}
.news-block .inner-box .lower-content .post-info li {
position: relative;
color: #7e8597;
font-size: 15px;
display: inline-block;
padding-right: 12px;
margin-right: 12px;
line-height: 1.2em;
border-right: 1px solid #d2d9e0;
}
.news-block .inner-box .lower-content .post-info li strong {
color: #222222;
font-weight: 400;
}
.news-block .inner-box .lower-content .post-info li .icon {
position: relative;
margin-right: 8px;
}
.news-block .inner-box .lower-content .post-info li:last-child {
border: none;
padding-right: 0px;
margin-right: 0px;
}
.news-block .inner-box .lower-content h3 {
position: relative;
color: #222222;
font-size: 18px;
font-weight: 600;
line-height: 1.5em;
margin-top: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.news-block .inner-box .lower-content p {
font-size: 16px;
margin-top: 10px;
}
.news-block .inner-box .lower-content h3 a {
font-size: 18px;
position: relative;
color: #222222;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-block .inner-box .lower-content h3 a:hover {
position: relative;
color: #f97534;
}
.news-block .inner-box .lower-content .read-more {
font-size: 16px;
position: relative;
font-weight: 400;
color: #222222;
margin-top: 15px;
display: inline-block;
padding-right: 22px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-block .inner-box .lower-content .read-more .arrow.left {
position: absolute;
left: 0px;
top: 1px;
opacity: 0;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
line-height: 22px;
}
.news-block .inner-box .lower-content .read-more .arrow.right {
position: absolute;
right: 0px;
top: 1px;
line-height: 22px;
}
.news-block .inner-box .lower-content .read-more .arrow.right {
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.news-block .inner-box .lower-content .read-more:hover .arrow.right {
opacity: 0;
}
.news-block .inner-box .lower-content .read-more:hover .arrow.left {
opacity: 1;
}
.news-block .inner-box .lower-content .read-more:hover {
color: #ff5e14;
padding-right: 0px;
padding-left: 22px;
}
#innerbanner .width {
padding: 100px 0px
}
#innerbanner .width .h_text h1 {
color: #fff;
font-size: 50px;
border-left: 2px solid #ff5e14;
padding-left: 20px;
margin-bottom: 10px
}
#innerbanner .width .h_text .pos i {
color: #ff5e14;
margin-right: 20px
}
#innerbanner .width .h_text .pos a {
color: #fff;
font-size: 18px;
}
#innerbanner .width .h_text .pos {
color: #fff;
font-size: 18px;
}
#innerbanner .width .h_text .pos a:hover {
color: #ff5e14
}
.cp_main1 .subject{ text-align:center; border:0px; overflow: hidden; height:auto; width:800px; margin:0px auto 30px auto}
.cp_main1 .subject b{ color:#333; font-size:40px; border:0px;font-family:"Saira",Helvetica,Arial,sans-serif; color:#EA7500 }
.cp_main1 .subject p{ color:#555; font-size:14px; border:0px; line-height:30px; margin:10px auto}
.pro_menu ul li { float:left; margin:10px 10px 10px 0px}
.pro_menu ul li a{ font-size:16px; border:1px solid #ccc; padding:10px; display:block}
.pro_menu ul li dl{ float:left; margin-right:10px}
.pro_menu ul li dl dt a{ border:none; text-decoration: underline}
.pro_menu ul li.hover a{ background:#ff5e14; color:#fff;border:1px solid #ff5e14; }
.contact_book h3{ background:#ff5e14; height:2px; width:80px; margin:10px 0px}
.contact_book h2{color: #031b4e; font-size: 30px; text-transform: uppercase;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif; }
.contact_book p{color: #031b4e; font-size: 20px; margin-bottom:30px;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif; }
.contact_book .input input{ width:570px; border:1px solid #eaeaea; padding-left:15px; color:#848484; background:#fff; height:50px; border-radius:5px}
.contact_book .input{float:left; margin-bottom:10px}
.contact_book input:focus{outline:none}
.contact_book .content textarea{border:1px solid #eaeaea; padding-left:15px; color:#848484; background:#fff; width:1176px;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif; height:70px;border-radius:5px}
.contact_book .submit{ margin-top:20px}
.contact_book .submit button{ font-size:18px; background:#003b83; padding:15px 0px; color:#fff; border:none; text-transform:uppercase;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif; width:1196px; border-radius:5px}
.contact_book .submit button:hover{ background:#282828}
.contact_book{ margin-top:40px}
.ny_con{ width:320px; position:relative; margin-top:-550px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.05);
box-shadow: 0 0 10px rgba(0,0,0,.05);; background:#ff5e14; height:550px; padding:0px 40px}
.ny_con h1{ color:#fff; font-size:30px; margin-bottom:20px; padding-top:48px;font-family: "Microsoft YaHei","Source Han Sans CN","Helvetica Neue",Arial,Verdana,sans-serif;}
.ny_con ul li i{ float:left; color:#fff; font-size:30px; margin-right:15px}
.ny_con ul li{ overflow:hidden; margin-bottom:25px}
.ny_con ul li .txt { float:left; width:275px}
.ny_con ul li .txt h3{ font-size:20px; color:#fff; margin-bottom:10px;}
.ny_con ul li .txt p{ font-size:16px; color:#fff; line-height:24px; opacity:0.8}
.about{ margin-bottom:20px}
.about h1{ font-size:30px; margin-bottom:20px}
.about p{ line-height:30px; font-size:16px; margin-bottom:15px}
.coop_hz h1{ font-size:30px}
.coop_hz{ background:#f3f7f9; padding:40px 0px}
.coop_hz ul {
margin-top: 40px
}
.coop_hz ul li {
width: 180px;
float: left;
margin-right: 24px; margin-bottom:10px; background:#fff
}
.coop_hz ul li:nth-child(6n) {
margin-right: 0px;
}
.coop_hz ul li img {
border: 1px solid #ccc;
padding: 10px;
width: 158px
}
.honor h1{ font-size:30px; margin-bottom:20px}
.honor ul li{ border:2px solid #021741; float:left ; width:266px; height:372px; margin-right:26px; margin-bottom:20px}
.honor ul li img { width:100%}
.honor .pic_list li a{ border:0}
.honor ul li:nth-child(4n){ margin-top:0px}
.ny_coo .con_coo h1{ font-size:30px; margin-bottom:20px }
.ny_coo .con_coo { padding:40px 0px}
.ny_coo .con_coo ul{margin-top:0px; overflow:hidden}
.cp_main1 h1{font-size:30px; margin-bottom:20px}
#topnav input {
outline: none;
}
#topnav input[type=search] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
font-family: inherit;
font-size: 100%;
}
#topnav input::-webkit-search-decoration,
#topnav input::-webkit-search-cancel-button {
display: none; /* remove the search and cancel icon */
}
/* search input field */
#topnav input[type=search] {
background: #ededed url(/theme/cn2018/images/search-icon.png) no-repeat 9px center;
border: solid 1px #ccc;
padding: 9px 10px 9px 32px;
width: 55px;
-webkit-border-radius: 10em;
-moz-border-radius: 10em;
border-radius: 10em;
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
}
#topnav input[type=search]:focus {
width: 130px;
background-color: #fff;
border-color: #6dcff6;
-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
box-shadow: 0 0 5px rgba(109,207,246,.5);
}
/* placeholder */
#topnav input:-moz-placeholder {
color: #999;
}
#topnav input::-webkit-input-placeholder {
color: #999;
}
#demo-b input[type=search] {
width: 15px;
padding-left: 10px;
color: transparent;
cursor: pointer;
}
#demo-b input[type=search]:hover {
background-color: #fff;
}
#demo-b input[type=search]:focus {
width: 130px;
padding-left: 32px;
color: #000;
background-color: #fff;
cursor: auto;
}
#demo-b input:-moz-placeholder {
color: transparent;
}
#demo-b input::-webkit-input-placeholder {
color: transparent;
}
.big-link { display:block; margin-top: 100px; text-align: center; font-size: 70px; color: #06f; }
.reveal-modal-bg {
position: fixed;
height: 100%;
width: 100%;
background: #000;
background: rgba(0,0,0,.8);
z-index: 10000;
display: none;
top: 0;
left: 0;
}
.reveal-modal {
visibility: hidden;
top: 200px !important;
left: 50%;
margin-left: -400px;
width: 800px;
background: #eee url(/theme/cn2018/css/modal-gloss.png) no-repeat -200px -80px;
position: fixed;
z-index: 10001;
padding: 30px 40px 34px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
-box-shadow: 0 0 10px rgba(0,0,0,.4);
}
.reveal-modal.small { width: 200px; margin-left: -140px;}
.reveal-modal.medium { width: 400px; margin-left: -240px;}
.reveal-modal.large { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge { width: 800px; margin-left: -440px;}
.reveal-modal .close-reveal-modal {
font-size: 22px;
line-height: .5;
position: absolute;
top: 8px;
right: 11px;
color: #aaa;
text-shadow: 0 -1px 1px rbga(0,0,0,.6);
font-weight: bold;
cursor: pointer;
}
.pro_link_list ul li { background:#f0f0f0; }
.pro_link_list ul li a{ font-size:16px; padding:10px; display:block;; display:block; border-bottom:1px solid#ccc}
.pro_link_list ul li dl{ background:#fcfcfc }
.pro_link_list ul li dl dt a{ }
.pro_link_list ul li.hover a{ background:#ff5e14; color:#fff; }
.pro_link_list{ width:280px;border:1px solid#ccc; margin-top:20px; margin-left:50px; float:right}
.pro_link_con{ float:left; width:850px}
.case #goodsshow .shop_big {
border: 1px solid #ededed;
padding: 2px;
background: #fff;
width: 1200px;
cursor: pointer;
}
.case #goodsshow{ width:1200px; margin:20px 0px; overflow:hidden}
.case #goodsshow .shop_plist {
clear: both;
width: 1200px;
}
.case #prolist {
width: 1160px;
float: left;
overflow: hidden;
height: 68px;
position: relative;
margin: 10px 0 0 0;
}
.ny_pro_text .p1{ overflow:hidden; margin:20px 0px; border:1px solid #ccc; }
.ny_pro_text .p1 h2{ background:#ff5e14; color:#fff; padding-left:20px; line-height:40px; height:40px;}
.ny_pro_text .p1 .fl{ width:48%; margin-right:4%;}
.ny_pro_text .p1 img{ width:100%}
.ny_pro_text .p1 .fr{ width:48%; }
.ny_pro_text .p1 p{ font-size:20px; line-height:40px; padding:50px 20px}
/*
FILE ARCHIVED ON 20:53:15 Jan 03, 2022 AND RETRIEVED FROM THE
INTERNET ARCHIVE ON 02:06:06 Jan 03, 2025.
JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.
ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
SECTION 108(a)(3)).
*/
/*
playback timings (ms):
captures_list: 0.513
exclusion.robots: 0.027
exclusion.robots.policy: 0.017
esindex: 0.01
cdx.remote: 25.347
LoadShardBlock: 181.022 (3)
PetaboxLoader3.datanode: 194.593 (4)
load_resource: 137.112
PetaboxLoader3.resolve: 79.778
*/