﻿@charset "utf-8";
.clear {
    clear: both;
}

@media screen and (min-width:1200px) and (max-width:5600px) {
/* --- 公用样式 --- */
	.slideBoxw{ width: 100%; overflow: hidden;}
	.slideBoxw .swiper-slide img{ width: 100%;}
.tempWrap
{width:1024px;}
    .bghui{ background: #f7f7f7;}
.pc {
    display: block;
}
.wap {
    display: none;
}
.left {
    float: left;
}
.right {
    float: right;
}
.img {
    transition: all .6s ease;
    overflow: hidden;
}
.img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
a:hover {
    color: #5999fb;
}
.wrap {
    max-width: 1280px;
    margin: 0 auto;
}
body {
    font-family: Microsoft Yahei;
    font-size: 14px;
    background: #fff;
    color: #333333;
    line-height: 30px;
}
a {
    color: #333333;
}
/* --- 头部 --- */
 
.lang {
    float:right;
   
    line-height: 42px;
}
.lang a {
    display: inline-block; margin:0 10px;
   
    text-align: center;  color: #fff;
}
.lang .cur {
    
    color: #5999fb;
}


 .weblg {
    max-width: 1600px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.banner{    position: relative;} 
/* --- 内容 --- */
 
 
.banner .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}
.box1 {
    padding: 60px 120px;
    background-image: url("../images/bg1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.boxtitle {
    position: absolute;
    left: 120px;
    top: 60px;
    color: #fff;
}
.boxnum {
    font-size: 40px;
    font-weight: bold;
    font-family: Microsoft Sans Serif;
    margin-right: 10px;
    line-height: 50px;
}
.boxtitletxt {
    background-image: url("../images/xian.png");
    background-repeat: no-repeat;
    background-position: left center;
}
.boxtitletxtcn {
    font-size: 26px;
    line-height: 50px;
}
.boxtitletxten {
    font-size: 18px;
	padding-top: 15px;
}
/* 本例子css */
.slideGroup {
    width: 100%;
}
.slideGroup .parHd {
    text-align: center;
}
.slideGroup .parHd ul {
    height: 56px;
    line-height: 54px;
    border: 1px solid #ffffff;
    display: inline-block;
    border-radius: 56px;
}
.slideGroup .parHd ul li {
    display: inline-block;
    width: 147px;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
	color: #ffffff;
}
.slideGroup .parHd ul li.on {
    background: url("../images/on.png") no-repeat;color: #333333;
}
.slideGroup .slideBox {
    overflow: hidden;
    zoom: 1;
    padding: 50px 100px;
    position: relative;
}
.slideGroup .prev, .slideGroup .next {
    position: absolute; cursor: pointer;
    left: 5px;
    top: 40%;
    display: block;
    width: 43px;
    height: 83px;
    background: url(../images/left1.png) center center no-repeat;
}
.slideGroup .next {
    left: auto;
    right: 5px;
    background: url(../images/right1.png) center center no-repeat;
}
.slideGroup .prev:hover, .slideGroup .next:hover {
    border-color: #f60;
}
.slideGroup .slideBox ul {
    overflow: hidden;
    zoom: 1;
}
.slideGroup .slideBox ul li {
   
    float: left; width: 472px;
    _display: inline;
    overflow: hidden;
    text-align: center;
}
.slideGroup .slideBox ul li .pic {
    text-align: center;   overflow: hidden;     margin: 0 3%;
}
.slideGroup .slideBox ul li .pic img {
    width: 100%;  
    display: block;
	transition:all .4s;
	-moz-transition:all .4s;
	-webkit-transition:all .4s;
	-o-transition:all .4s;
}
.slideGroup .slideBox ul li .pic{ border: 10px #fff solid; margin-top: 10px; margin-bottom: 10px; background-color:#fff;}
.slideGroup .slideBox ul li  .pic:hover {
       box-shadow: 0 0 1rem rgba(0, 65, 153, 0.6);
}
.slideGroup .slideBox ul li .pic  img:hover {
    border-color: #999;
	transform:scale(1.2); 
}
.slideGroup .slideBox ul li .pic a:hover{ box-shadow: 0 0 1rem rgba(0, 65, 153, 0.3);}
.slideGroup .slideBox ul li .title {
    line-height: 30px;  width: 94%; margin: 0 3%;
    background: #fff;
    padding: 30px;
    text-align: center;
    font-size: 18px;
}
.slideGroup .nextStop,.slideGroup .prevStop{
    opacity: 0.5;}
.box2 {
    padding: 60px 0 60px 120px;
    background-image: url("../images/bg2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.box2 .boxtitle {
    top: 260px;
    color: #fff;
}
.swiper-container1 {
    margin-left: 290px;
    height: 100%;
    width: -webkit-calc(100% - 290px);
    width: -moz-calc(100% - 290px);
    width: calc(100% - 290px);
    overflow: hidden;
}
.swiper-container1 .swiper-slide {
    text-align: center;
    font-size: 16px;
    background: #fff;
    width: 405px;
}
.swiper-container1 .swiper-slide .swiper-slidepic {
    width: 100%;
}
.swiper-container1 .swiper-slide .swiper-slidep {
    display: block;
    padding: 30px;
    background: #fff;
}
    .swiper-container1 .swiper-slide .swiper-slidep  span{ display: block; margin: 15px 0;}
    .swiper-container1 .swiper-slide a{ display:inline-block; text-align: center; border:#333 1px solid; border-radius: 40px; line-height: 40px;  padding: 0 20px;}
    .swiper-container1 .swiper-slide a:hover{ background:#5999fb; color:#fff; }
.swiper-container1 .swiper-button-prev1 {
    background: url("../images/left2.png") no-repeat center left;
    width: 30px;
    height: 26px;
    margin: 40px 40px 0 0;
    display: inline-block; cursor: pointer;
    opacity: 0.5;   transition: all 0.15s linear; background-size: 100%; 
}
.swiper-container1 .swiper-button-next1 {
    background: url("../images/right2.png") no-repeat center right;
     width: 30px;
    height: 26px;
    margin: 40px 0 0 0; cursor: pointer;
    opacity: 0.5;   transition: all 0.15s linear; background-size: 100%; 
    display: inline-block;
}

.swiper-container1 .swiper-button-prev1:hover,.swiper-container1 .swiper-button-next1:hover{ opacity: 1;   width:60px;}

.box3 {
    background: #f8f8f8;
    padding: 60px 120px;
}
.box3 .boxtitle, .box4 .boxtitle {
    position: relative;
    color: #15abf4;
    top: 0;
    left: 0;
}
.box3 .boxtitle .boxtitletxt, .box4 .boxtitle .boxtitletxt {
    background-image: url("../images/xian2.png");
    color: #15abf4;
}
.box3 .boxtitle .boxtitletxten, .box4 .boxtitle .boxtitletxten {
    color: #999999;
    padding-top: 15px;
}
.new {
    clear: both;
}
.new li {
    float: left;
    width: 33.333%;
    padding: 30px;
    }.new li a{ display: block; transition:all .4s;
	-moz-transition:all .4s;
	-webkit-transition:all .4s;
	-o-transition:all .4s;}
    .new li a:hover div{  color: #15abf4;}
.new .pic {
    margin-bottom: 30px;
}
.new .pic img {
    width: 100%;
    border-radius: 10px;
}
.new .title {
    padding: 0 10px;
    font-size: 18px;
	height: 30px;
    overflow: hidden;
}
.new .ms {
    padding: 0 10px;
    color: #666666;
	font-size: 14px;
	height: 60px;
    overflow: hidden;
}
.new .date {
    padding: 0 10px;
    color: #999999;
}
.box4 {
    padding: 60px 120px;
}
    .hezuo{ margin-top:30px; }
.hezuo li {
    float: left;
    width: 16.666%;
    padding: 30px;
	/*transition: box-shadow 0.3s;*/
	background-image: url(/skin/images/iclibgsm.png);
	background-position: right;
}
/*.hezuo li:hover{ box-shadow: 0 0 1rem rgba(0, 65, 153, 0.3);}*/
.footer {
    padding: 60px 120px 0 120px; background: #f0f0f0;
}
.footer h3 {
    font-size: 18px;
    margin-bottom: 10px;
}
.footer1 {
    /*width: 150px;*/
	width: 120px;
    line-height: 30px;
}
.footer1 a {
    display: block;
}
/*.footer2{width: 600px;}*/
.footer2{width: 320px;}
.footer2 img{ max-width: 150px;}
.footer2 a {
    display: inline-block;
    margin: 10px;
}
.footer2 p {
    text-align: center;
}
.footer3 img {
    margin: 10px 0;
}
.footer3 i {
    margin-right: 10px;
}
.copy {
    border-top: #cacaca 1px solid;
    margin-top: 30px;
    padding: 30px 0;
}
 .page-list {
    padding: 30px 20px; background: #fff;   margin-bottom: 60px;
}
    .page  {
    padding: 30px 20px; background: #fff; margin-top: 30px; margin-bottom: 60px;
}
.pageleft {
    width: 270px;
}
.leftnavtit {
    font-size: 20px;
    line-height: 60px;
    padding-left: 40px;
    margin-bottom: 20px;
}
.leftnavtxt li {
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    margin-bottom: 10px;  background: #f3f3f3;
}
.leftnavtxt li:hover, .leftnavtxt .on {
    background: #5999fb;
}
    .sideMenu h3{ background: #f3f3f3;}
.sideMenu ul li a, .leftnavtxt li a {
    display: block;
    background: url("../images/dian1.png") no-repeat left center;
    padding-left: 20px;
    font-size: 16px;
}
.sideMenu ul li a i, .leftnavtxt li a i {
    float: right;
    line-height: 60px;
}
.leftnavtxt li:hover a, .leftnavtxt .on a {
    background: url("../images/dian2.png") no-repeat left center;
    color: #fff;
}
.sideMenu h3 {
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    margin-bottom: 10px;
}
.sideMenu h3 a {
    display: block;
    background: url("../images/dian1.png") no-repeat left center;
    padding-left: 20px;
    font-size: 16px;
}
.sideMenu h3 a i {
    float: right;
    line-height: 60px;
}
.sideMenu h3:hover, .sideMenu h3.on {
    background: #5999fb;
}
   
.sideMenu h3:hover a, .sideMenu h3.on a {
    background: url("../images/dian2.png") no-repeat left center;
    color: #fff;
}
.sideMenu ul {
    display: none;
}
.sideMenu ul li {
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
}
  
 .sideMenu ul .lan a,.sideMenu ul li:hover a {
    background: url("../images/dian4.png") no-repeat left center;  color: #5999fb;
}
.sideMenu h3:hover a i, .sideMenu h3.on a i {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg); 	/* IE 9 */
    -moz-transform: rotate(90deg); 	/* Firefox */
    -webkit-transform: rotate(90deg); /* Safari 和 Chrome */
    -o-transform: rotate(90deg); 	/* Opera */
}
.pageright {
    width: 930px;
}
.weizhi {
    border-bottom: #afafaf 1px solid;
    line-height: 60px;
    height: 60px;
}
.weizhi .left {
    border-bottom: #5999fb 2px solid;
    font-size: 18px;
    font-weight: 700;
}
.show {
    margin: 20px 0;
}
.bannernylan {
    background: url("../images/bannerbg.png") repeat-x;
    height: 199px;
    color: #fff;
    padding: 30px 0;
}
    .bannernylan a{ color: #fff;}
.bannernylantit {
    line-height: 50px;
    font-size: 20px;
    font-weight: 700;
}
.bannernylantxt {
    line-height: 25px;
}
.page-listli {
    padding: 60px 0;
}
.page-listli li {
    float: left;
    width: 380px;
    margin-right: 50px;
    margin-bottom: 40px;
}
.page-listli li:nth-child(3n) {
    margin-right: 0;
}
.page-listli li a {
    display: block
}
.page-listli li img {
    width: 100%;
}
.page-listli li h3 {
    font-size: 20px;
    line-height: 50px;
}
    .page-listli li a:hover h3{    color: #5999fb;}
.page-listli li p {
    color: #666666;
}
/* 本例子css */
.shebeishownav, .slideTxtBox {
    text-align: left;
    margin: 40px 0;
}
.slideTxtBox .hd {
    position: relative;
}
.slideTxtBox .hd ul {
    line-height: 60px;
}
.slideTxtBox .hd ul li {
    cursor: pointer;
    display: inline-block;
    width: 130px;
    text-align: center;
    line-height: 60px;
    font-size: 18px;
}
.slideTxtBox .hd ul li.on {
    background: #5999fb;
    color: #fff;
}
.slideTxtBox .bd ul {
    padding: 25px 0;
    zoom: 1;
}
.slideTxtBox .bd li {
}
.slideTxtBox .bd li .date {
    float: right;
    color: #999;
}
.shebeishownav a {
    display: inline-block;
    cursor: pointer;
    display: inline-block;
    width: 130px;
    text-align: center;
    line-height: 60px;
    font-size: 18px;
}
.shebeishownav .on {
    background: #5999fb;
    color: #fff;
}
.category_about {
       max-width: 1280px;
    margin: 0 auto; padding:30px 0;
}
.category_title {
    margin-bottom: 60px;
}
.category_title1 {
    font-size: 20px;
    text-align: center;
}
.category_title2 {
    height: 20px;
    background: url("../images/xian3.png") no-repeat center center;
}
.category_title3 {
    color: #999999;
    text-align: center;
}
.category_box1 {
    margin-bottom: 60px;
}
.category_box1left {
    width: 46%;
}
.category_box1lefttit {
    font-size: 28px;
    color: #007bd9;
    background: url("../images/xian4.png") no-repeat bottom left;
    padding-bottom: 30px;
    margin-bottom: 40px;
}
.category_box1right {
    width: 46%;
}
.category_box1right img {
    width: 100%;
}
.category_box2 {
    background: url("../images/banner9.jpg") no-repeat bottom center;
    padding-bottom: 300px;
    margin-bottom: 60px;
}
.swiper-container2 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.swiper-container2:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 15px;
    background: url("../images/dz.png") no-repeat;
    width: 18px;
    height: 25px;
    z-index: 999;
}
.swiper-container2 .swiper-slide {
    font-size: 18px;
    padding-bottom: 210px;
}
.swiper-container2 .swiper-slide h5 {
    border-bottom: #d1d1d1 1px solid;
    display: block;
    padding: 0 90px;
    font-size: 26px;
    color: #113e97;
    line-height: 50px;
}
.swiper-container2 .swiper-slide p {
    margin: 10px 80px;
    color: #666666;
    font-size: 14px;
    line-height: 25px;
    background: url("../images/dian3.png") no-repeat 0 10px;
    padding-left: 10px;
}
.swiper-container2 .swiper-slide a {
    display: block;
}
.swiper-container2 .swiper-slide:hover {
    background: url("../images/dzon.png") no-repeat 10px 12px;
    cursor: pointer;
}
.swiper-container2 .swiper-slide:hover h5 {
    color: #8dc73d;
}
.swiper-button-next2, .swiper-button-prev2 {
    position: absolute;
    top: 150px;
    left: 0;
    background: url("../images/left3.png") no-repeat;
    width: 30px;
    height: 48px;
    z-index: 9999;
    cursor: pointer;
}
.swiper-button-next2 {
    background: url("../images/right3.png") no-repeat;
    left: auto;
    right: 0;
}
.category_box3 ul li {
    float: left;
    margin: 0 2% 5% 2%;
    text-align: center; padding:3%;
    width: 29.333%; border:#f3f3f3 1px   solid;
 
}
.category_box3 ul li:hover{box-shadow: 0 0 1rem rgba(0, 65, 153, 0.3);
}
.category_box3_txt1, .category_box3_txt2 {
    color: #666666;
    font-size: 18px;
    line-height: 35px;
}
.category_box3_tit {
    font-size: 28px;
    padding: 40px 0;
    line-height: 30px;
}
.category_box4 {
    background: url("../images/banner8.jpg") no-repeat;
    background-size: cover;
    padding: 80px 120px;
}
.category_box4 .category_title, .category_box4 .category_title .category_title3 {
    color: #fff;
}
.category_box4 .category_title .category_title2 {
    background: url("../images/xian5.png") no-repeat center center;
}
.swiper-container3 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.swiper-container3 .swiper-pagination3 {
    text-align: center;
    margin-top: 40px;
}
.swiper-container3 .swiper-pagination3 .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #919b9f;
}
.swiper-container3 .swiper-pagination3 .swiper-pagination-bullet-active {
    background: #ffffff;
}
    .bannerny{   width: 100%; height:380px; background-size: cover; position: relative; }
.bannerny .bannerwz{ position: absolute; width: 200px; left: 50%; margin-left: -100px; text-align: center; top: 50%; margin-top: -40px; height: 80px; line-height: 40px;}
.bannerny .bannerwz h3{ color: #fff; font-weight: 600; font-size: 32px; letter-spacing:2px;}
.bannerny .bannerwz span{  display: block; color: #fff;font-weight: 600; font-size: 18px;   text-transform:Uppercase;}


.bannernypro{ height:490px; width: 100%; background-size: cover; position: relative; }
.bannernypro .bannerwz{ padding-top:195px; margin-left:150px;   width:1200px;  height: 120px; line-height: 40px;}
.bannernypro .bannerwz h3{  font-weight: 600; font-size: 28px; letter-spacing:1px;}
.bannernypro .bannerwz span{  display: block;  font-weight: 600; font-size: 16px;   text-transform:Uppercase;}
.bannernypro .bannerwz   b{font-weight:normal; font-size: 32px;  letter-spacing:1px;}
.bannernypro img{ width:91px; height:63px; position:absolute; bottom:19px; left:50%; margin-left:-45px;}

.weizhileft2 {
    float: left;
    font-size: 18px;
    font-weight: 700;
}
.weizhileft2 b {
    display: inline-block;
    padding: 0 20px;
}
.tex-center {
    text-align: center;
    line-height: 70px;
}
    .list_product{ clear: both;}
.list_product li {
    width: 33.3333%;
    padding: 30px 15px;
    float: left;
    text-align: center;
}
.list_product li:hover {
    box-shadow: 0 0 1rem rgba(0, 65, 153, 0.3);
}
.list_product li img {
    max-width: 100%;
	height:280px;
	border: 1px #ccc solid;
}
.list_product li p {
    line-height: 60px;
}
.fenye {
    margin: 30px 0;
    text-align: center;
}
.fenye a {
    display: inline-block;
    margin: 0 20px;
}
.shebeishowtit {
    font-size: 18px;
    line-height: 90px;
    font-weight: 700; clear: both;
}
.shebeishowtxt {
    font-size: 16px;
    line-height: 30px;
	clear: both;
	text-align:left;
	padding: 30px 0px;
}
.show_jiameng {
    margin: 60px 0;
}
.show_jiameng textarea, .show_jiameng .inputtxt {
    width: 100%;
    border: #bbbbbb 1px solid;
    border-radius: 10px;
}
.show_jiameng textarea {
    height: 280px;
    padding: 20px;
    margin-bottom: 20px;
}
.show_jiameng .inputtxt {
    padding: 0 20px;
    line-height: 55px;
    margin-bottom: 30px;
}
.show_jiameng .inputbtn {
    padding: 0 20px;
    line-height: 55px;
    margin-bottom: 30px;
    background: #5999fb;
    width: 100%;
    border: #5999fb 1px solid;
    border-radius: 10px;
    color: #fff;
    font-size: 18px;
}
.pagekuan {
max-width: 1280px;
    margin: 0 auto; background: #f8f8f8;
}
.pagekuanright {
    margin-left: 310px;
}
.pagekuanshui {
    background: url("../images/shui.jpg") no-repeat right bottom;
    padding-bottom: 40px;
}
.listnew {
    margin: 40px 0; border-bottom: #d5d5d5 1px solid; padding-bottom:40px;
}
.listnew, .listnew a {
    display: block;
}
.listnew a .left {
    width: 260px;
}
.listnew a .right {
    width: 650px;
}
.listnew a .right .righttit {
    font-size: 18px;
    padding: 20px 0;
    line-height: 30px;
	
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;
	
	
	
	
	
	
}

.listnew:hover .right .righttit{ color: #5999fb;padding-left: 10px;   font-weight: bold; }
 .listnew:hover .right .righttit .listtxt-data{  font-weight:normal;}

.listtxt {
    color: #666666;
    line-height: 25px;
}
.listtxt-data {
    float: right;
    color: #999999;
    font-size: 14px;
}
.listtxt-more {
    margin-top: 20px;
    color: #5999fb;
    font-weight: 700;
    font-size: 18px;
    display: block;
}
.jiameng {
    margin-top: 60px; padding:0 30px;}
}
.jiamengtxt {
    width: 56%;
}
.jiamengipic {
    width: 40%;
}
.jiamengtxtleft {
    width: 90px;
}
.jiamengtxtright {
    margin-left: 90px;
}
.jiamengtxtleft {
    font-family: Adobe 黑体 Std;
    font-size: 80px;
    color: #5999fb;
    font-weight: 700;
    line-height: 80px;
}
.jiamengtit {
    font-size: 28px;
    line-height: 40px;
    letter-spacing: 6px;
}
.jiamengtit span {
    display: inline-block;
    line-height: 50px;
}
.cu {
    font-size: 38px;
}
.xian {
    border-bottom: #5999fb 5px solid;
    letter-spacing: 0px;
    margin-right: 3px;
}
.jiamengtxt18 {
    font-size: 18px;
    padding: 10px 0;
}
.jiamengtxt14 {
    color: #666666;
    line-height: 25px;
}
.jiac {
    border-bottom: #5999fb 30px solid;
    letter-spacing: 0px;
}
.jiameng4, .jiameng5 {
    margin: 60px 0;
}
.jiameng4right {
    line-height: 40px;
}
.jiameng4right span {
    display: inline-block;
    width: 80px;
    border-right: #a2a2a2 1px solid;
    margin-right: 80px;
}
.jiameng4{ background:#fbfbfb; padding:50px 30px;}
.jiameng4 .jiamengtxt {
    padding-top: 50px;
    width: 36%;
}
.jiameng5 {
    font-size: 18px; padding:0 30px;
}
.jiameng5 i {
    font-style: italic;
}

}
