@charset "utf-8";
/* CSS Document */

body{ margin:0px; font-family:Arial, Helvetica, sans-serif; background:#ededed;}
body{ margin:0px; font-size:14px; color:#333;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"SimSun";}
ul{ margin:0px; padding:0px; list-style:none;}
a{ text-decoration:none; color:#156ec0;word-wrap:break-word}
.nr2,
.nr3,
.nr4,
.nr5,
.nr6,
.nr7,
.nr8,
.nr9,
.nr10,
.w1,
.w2,
.w3,
.w4,
.w5,
.ft {
	display: none;
}

.zk {
	display: block;
}
p{word-wrap:break-word}

.wk{ width:100%; max-width:1200px; margin:auto;}
.wk1300{ width:100%; max-width:1300px; margin:auto;}
.clear{ clear:both;}
.banerd{ width:100%; background:#f8f8f8; padding:20px 0;}
.banerd table{ float:right; background:#FFF; height:34px; position:relative; margin-top:-40px;}
.sscp{ padding:0px 5px; border:1px solid #dddddd; border-right:1px solid #FFF;}
.ssk{ border:1px solid #dddddd; border-left:1px solid #FFF; border-right:1px solid #FFF;}
.banerd table input{ border:1px solid #FFF;}

.advantage{ padding:30px 0; height:300px; background:#ffffff;}
.advantage h1{ text-align:center; font-weight:200; font-size:30px; height:120px;}
.advantage h1 span{ display:block; font-weight:200; font-size:25px;}
.advantage dl{ width:25%; float:left; margin:0px; padding:0px;}
.advantage dl dt{ text-align:center; margin:0px; padding:0px;}
.advantage dl dd{ text-align:center; font-size:14px; margin:0px; padding:0px;}
.zjx{ background:url(image/zjx.jpg) right repeat-y; }

.cp{ width:100%; background:url(image/cpbg.jpg) bottom no-repeat #f4f4f4; background-size:100% auto; padding-bottom:100px;}
.cpbt{ width:100%;}
.cpbt img{ display:block; width:100%;}
.cp h1{ text-align:center; font-weight:200; font-size:30px; height:120px;}
.cp h1 span{ display:block; font-weight:200; font-size:25px;}
.cp dl{ width:30%; margin:15px 1.65%; height:400px; overflow:hidden; float:left; background:#ffffff;box-shadow:0px 0px 20px #CCC; text-align:center; line-height:40px;}

.cp dl:first-child{ width:46.7%; height:600px; overflow:hidden; margin:15px 1.65%; float:left;}
.cp dl:first-child dt img{ height:560px;}
.cp dl:nth-child(2) dt img{ height:560px;}
.cp dl:nth-child(2){ width:46.7%; height:600px; overflow:hidden; margin:15px 1.65%; float:left;}
.cp dl dt{ width:100%; margin:0px; padding:0px;}
.cp dl a{ color:#333;}
.cp dl dt img{ width:100%; height:360px; display:block;}
.cp dl dd{ margin:0px; padding:0px; position:relative; background:url(image/cpdv.png); width:100%; height:100%;z-index:1; margin-top:-400px;opacity:0;transition: 1s;}
.cp dl:first-child dd{ margin-top:-600px;}
.cp dl:nth-child(2) dd{ margin-top:-600px;}
.cp dl:hover dd{opacity:1;}
.cp dl:hover dd img{opacity:1; margin-top:150px;}
.cp dl dd img{ margin-top:0px;transition: 1s;}


.dlink{ width:800px; height:80px; margin:40px auto;}
.dlink li{ float:left; text-align:center; width:33.3%;}
.dlink li img{ display:block; margin:auto;}

.ppzs{ width:100%; height:400px; background:url(image/rybg.jpg) center fixed; padding:40px 0;}
.ppzs h1{ text-align:center; font-weight:200; font-size:30px; height:120px; color:#FFF;}
.ppzs h1 span{ display:block; font-weight:200; font-size:25px;}
.ppzs li{ width:50%; float:left; text-align:center;}


.wkleft{ width:320px; background:#ffffff; float:left; margin-bottom:15px; margin-top:20px; }
.cplb{}
.cplb h1{ background:#156ec0; color:#ffffff; font-size:18px; text-align:center; line-height:40px; font-weight:200; margin:0px;}
.cplb li{ background:url(../image/lmbg.jpg) no-repeat; line-height:47px; text-align:left; width:300px; margin:0px 10px;}
.cplb li a{ padding-left:20px; display:block; text-decoration:none; color:#333; font-weight:bold;}
.cplb li .lin a{ font-weight:200; line-height:30px;}


.aboutl{ width:90%; padding-bottom:20px; margin:15px 5%;}
.aboutl h1{ font-size:16px;}

.wkright{ float:right; width:820px; margin:20px auto; padding:20px; background:#ffffff;}
.cpzs{ width:100%;}
.cpzs h1{ font-size:20px; color:#156ec0; margin:0px; line-height:40px; height:60px;}
.cpzs h1 span{ color:#a1a1a1; font-size:14px; font-weight:200;}
.cpzs h1 a{ float:right; color:#4f784c; font-size:16px;}

.cpzsc{ width:100%; background:#F6F6F6; padding:20px 0;}
.cpzsc h1{ font-size:20px; font-weight:200; color:#156ec0; margin:0px; line-height:40px; height:60px;}
.cpzsc h1 span{ color:#a1a1a1; font-size:14px;}
.cpzsc h1 a{ float:right; color:#4f784c; font-size:16px;}
.cpzsc li{ width:24%; background:#ffffff; margin:0px 0.5% 10px 0.5%; float:left; text-align:center; transition: 0.5s; color:#333; line-height:40px;}
.cpzsc li:hover{ width:24%; background:#ffffff; margin:0px 0.5% 10px 0.5%; background:#f4f3f3; float:left; text-align:center;}
.cpzsc li img{ max-width:100%; max-height:100%; margin:auto; display:block; margin-bottom:5px; transition: 0.5s;}
.cpzsc li:hover img{transform: scale(1.2);}
.cpzsc li a{ color:#333; font-size:12px; width:100%; height:288px; display:block; overflow:hidden;}
.cpzsc li a strong{ display:block; text-align:center; font-size:14px;}

.by{ width:100%; text-align:center; padding:10px 0; background:#156ec0;}
.cpsj{ text-align:center; padding:40px 0;}
.cpnmu{ margin:15px 0;}
.cpnmu a{ width:160px; background:#156ec0; color:#FFF; font-size:16px; line-height:40px; text-align:center; float:left; display:block; margin:5px;transition: 0.5s;}
.cpnmu a:hover{ width:160px; background:#0e518e; color:#FFF; font-size:16px; line-height:40px; text-align:center; float:left; display:block;}

.cont{ width:100%; background:#ffffff; padding:20px 0;}
.cont h1{ text-align:center; font-weight:200; font-size:30px; height:120px;}
.cont h1 span{ display:block; font-weight:200; font-size:25px;}
.cont img{ float:left;}

.newlst img{ margin-right:80px;}
.newlst a{    width: 370px;
    margin: 5px;
    display: block;
    float: left;
    border: 1px solid #CCC;
    color: #333;
    font-size: 14px;
    padding: 10px;}

.neirong a img{ max-width:100%;}

.foot{ background:#fafafa; color:#666666; font-size:12px; text-align:center; padding:15px 0; border-bottom:5px solid #0866a4;}
.foot img{ display:block; margin:auto;}
.foot table{ margin:auto;}
.foot h2{ font-size:16px; width:150px;}
.foot h2 span{ color:#CCC; font-size:12px; display:block; border-bottom:1px solid #CCC;}
.foot p{ line-height:35px;}
.copy{ background:#000000; font-size:12px; line-height:40px; color:#a0a0a0; text-align:center; }
.sj{ display:none;}

.w12{ max-width:1300px; width:100%; margin:auto;}
.clear{ clear:both;}
a{ text-decoration:none;}
ul{ list-style:none;}
.swiper-slide img{ display:block; width:100%;}
header{ width:100%; height:140px;}
header .topaa{ width:100%; height:140px; position:fixed; top:0px; z-index:9999;}
.topb {
	position: absolute;
	top: 0px;
	width: 100%;
	border-top: 8px solid #0864a7;
	line-height: 30px;
	font-size: 12px;
	color: #666;
}
.topb a {
	float: right;
	color: #9cc8e8;
	background: #0864a7;
	text-decoration: none;
	display: block;
	line-height: 20px;
	width: auto;
	padding: 0 15px 5px 30px;
	text-align: center;
	position: relative;
}
.topb a:hover,.topb a.an {
	color: #ffffff;
}
.topb a::before {
	position: absolute;
	content: "";
	width: 16px;
	height: 12px;
	left: 10px;
	top: 4px;
	background: url(../images/css-sprite.png) no-repeat;
}
.topb a.fr::before {
	background-position: -16px -74px;
	float: none;
}
.topb a.cn::before {
	background-position: -214px -62px;
}
.topb a.en::before {
	background-position: 0 -74px;
}
.topb a.it::before {
	background-position: -50px -74px;
}
.topb a.py::before {
	background-position: -68px -74px;
}
.topb a.tu::before {
	background-position: -221px -75px;
}
.topb a.de::before {
	background-position: -34px -74px;
}
.top{ padding:20px 0; background:#ffffff;}
.topaa .top{ padding: 20px 0; background:#ffffff;}
.logo{ float:left; margin:10px 0;}
.logo img{ height:80px;}
.tel{ float:right; margin-top:40px;}
.ss{ float:right; height:40px; margin-top:70px; margin-right:40px;}
.ss input{ height:36px; padding:0px 10px; float:left;}
.menu{width:auto; float:right; height:50px; margin-top:40px;}
.menu li{ float:left; text-align:center; color:#666; line-height:50px; font-size:16px; cursor:pointer;}
.menu li a{ display:block; color:#666; font-size:16px; padding:0 15px;}
.menu li a:hover{ background:#0864a7; display:block; color:#fff; font-size:16px;}
.menuahover{ background:#0864a7; color:#FFF; display:block; color:#fff; font-size:16px;}
#cplam{ padding:0 15px;
	}
.menu .menuahover{ color:#FFF;}

.cdlam{ width:100%; height:100%; background:url(../image/abga.png); display:none; position:fixed; top:140px; z-index:9998;}
.cpxlm{ width:1000px; padding:0px; position:fixed; top:150px; left:50%; margin-left:-500px; background:#FFF; z-index:9999;}
.cpxlm li{ width:27%; padding:0px 3%; min-height:180px; border-top:1px solid #e6ebed; border-left:1px solid #e6ebed; float:left; color:#000; font-size:16px;}
.cpxlm li:hover{ background:#e6ebed;}
.cpxlm li a{ text-decoration:none; display:block; font-size:18px; font-weight:bold; line-height:50px; color:#000;}
.cpxlm li .lin a{ text-decoration:none; font-size:14px; font-weight:200; line-height:30px; color:#000; margin-right:10px;}
.cpxlm li a:hover {color:#f06e00; text-decoration:underline;}
.cpxlm h2{padding: 0px 10px; line-height: 60px;  margin: 0px 10px;  color:#f06e00; border-bottom: 4px solid #f06e00; width:60px;  text-align: center;}


.zhuanye{ width:100%; background:#f5f5f5; height:84px; border-bottom:1px solid #dddddd;}
.zhuanye ul{ border-right:1px solid #dddddd;}
.zhuanye li{ float:left; width:15%; padding:16px 2%; color:#45454d; font-size:13px; border-left:1px solid #dddddd;}
.zhuanye li img{ float:left; margin-right:10px;}
.zhuanye li h3{ margin:0px; font-size:16px; line-height:30px;}

.btd{ background:url(../image/btd.jpg) center; height:30px;}
.bit{ width:100%; text-align:center; color:#494b4a; margin:40px auto;}
.bit h2{    font-size: 32px;
    color: #0866a4;
    line-height: 40px;
    margin: 0px auto;
    background: url(../image/lmbga.png) center no-repeat;
    width: 500px;}
.aboutt{ width:100%; margin:20px 0;}
.aboutt li{ width:32%; background:#ffffff; font-size:14px; margin:0px 0.5%; color:#666; padding:20px 0; text-align:center; float:left; border:1px solid #EEE;}
.aboutt li h1{ font-size:50px; margin:10px 0px; line-height:40px;}
.about{ width:98%; margin:20px 0.5%; background:#ffffff; font-size:16px; color:#999; line-height:30px;}
.about p{ padding:20px 20px 20px 0;}
.about p a{ float:right; font-size:14px; line-height:40px; margin-right:20px;}
.about img{ float:left; margin-right:40px; width:500px;}

.qita{ width:100%; margin:30px 0;}
.qita li{ width:33.33%; float:left; text-align:center;}
.qita li a{  color:#666; font-size:14px;}
.qita li i{ width:150px; height:150px; background:#FFF; border:1px solid #EBEBEB; display:block; margin:auto;border-radius:75px; transform: translate(0, 0); transition: all 1.5s ease-in 0s;}
.qita li a:hover i{
	transform: rotate(135deg);
	transition: 1.5s;
}
.qita li a p{ font-size:18px; color:#0864a7;}
.qita li .tb1{ background:url(../image/tb1.png) center no-repeat;}
.qita li .tb2{ background:url(../image/tb2.png) center no-repeat;}
.qita li .tb3{ background:url(../image/tb3.png) center no-repeat;}


.fuwu{ margin:100px auto;}
.fuwumu{ margin:auto; width:800px;}
.fuwumu p{ float:left; display:block; width:120px; margin:10px 20px;  text-align:center; font-size:16px; line-height:40px;}
.fuwunr{ display:block;}
.fuwunr img{ display:none;}



.new{ width:100%; background:#ffffff; padding:40px 0;}
.new li{ width:48%; margin:0px 1%; float:left; background:#ffffff;}
.new li h2{ color:#0864a7; font-size:30px; line-height:40px; margin:0px; padding:5px 20px;}
.new li h2 span{ color:#666; font-size:16px;}
.new li time{ display:block; color:#666; font-size:12px;}
.netj{ width:90%; margin:10px 0px; padding:10px; height:110px; background:#F5F5F5; color:#999; font-size:14px; line-height:25px; }
.netj img{ width:100px; height:90px; float:left; margin-right:20px;}
.netj a{ display:block; font-size:18px; color:#666; margin-bottom:5px;}
.newlist{width:90%; margin:10px 5% 20px 5%;}
.newlist a{ display:block; color:#666; font-size:16px; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #F5F5F5;}

.lx{ background:#fafafa; padding:20px 0; color:#666; font-size:16px; line-height:30px; border-top:1px solid #999;}
.lx p{ margin:30px; float:left;}
.foot{ font-size:12px; text-align:center; padding:10px 0; color:#999;}

.banner{ width:100%; height:400px; overflow:hidden; background:url(../image/banner1.jpg) fixed no-repeat;}
.banner img{ width:100%; position:fixed; z-index:-1;}

.probt{ background:#EEE; color:#333; font-size:14px; line-height:40px; height:40px; margin-top:10px; padding:3px;}
.probt p{ width:200px; text-align:center; float:left; margin:0px; padding:0px; cursor:pointer;}
.probt .pon{background: #156ec0;
    color: #ffffff;}
.miaoshu,.xiazai{ border:1px solid #EEE; padding:20px;}
.xiazai{ display:none;}
.menu ul i{ display:none;}

.cpneirong{}
.cpneirong li{ width:100%; border-bottom:1px solid #CCC; height:170px; padding:10px 0; overflow:hidden;}
.cpneirong li img{ width:150px; height:150px; float:left; margin:0px 20px 10px 0px;}
.cpneirong li a{ margin:10px 0px; font-style:18px; font-weight:bold; line-height:40px;}
.cpneirong li p{ margin:0px;}


	   .probanner{ width:500px; height:400px; border:1px solid #f5f5f5;}
.swiper-slide {
    background-size: auto 100%;
    background: center no-repeat;
}
.gallery-top {
	height: 80%;
	width: 100%;
}
.gallery-thumbs {
	height: 20%;
	box-sizing: border-box;
	padding: 10px 0;
	background:#f5f5f5;
}
.gallery-top .swiper-slide {
	background-size: auto 100%;
}
.gallery-thumbs .swiper-slide {
	background-size: auto 100%;
	opacity: 0.6;
}
.gallery-thumbs .swiper-slide-thumb-active {
	opacity: 1;
}
@media screen and (max-width: 901px) { 
.probanner{ width:100%; height:400px; border:1px solid #f5f5f5;}

header{ height:60px;}
header .topaa{ height:60px;}
.topaa .top{ height:60px; padding:0px;}
.top img {
	float:inherit;
	margin:5px;
	height:50px;
}
.dn{ display:none;}
.sj{ display:block}
.logo{ margin:0px;}
.tel {
    float: right;
    margin-top: 0px;
	display:none;
}
.top {
    height: 60px;
    width: 100%;
    background: #ffffff;
    z-index: 999;
    box-shadow: 0px 0px 20px #999;
}
.menu{ position:absolute;right:0px;top:10px; background:none;z-index:999; margin:0px; width:50px;}
.menu ul {
    width: 40px;
	background:url(../image/mu.jpg) top right no-repeat;
	background-size:100% auto;
}
.menu i{ display:block; width:40px; height:40px; background:url(../image/mu.jpg) top right no-repeat;background-size:100% auto;}
.menu ul li {
    width: 150px;
	display:block;
	margin-left:-100px;
    text-align: center;
    transition: 0.5s;
	position:relative;
	height:40px;
	line-height:40px;
	background:#FFF;
	display:none;
}
.menu ul li a {
    color: #61605c;
    display: block;
	line-height:40px;
    font-size: 16px;
}
.cdlam {
    width: 100%;
    height: 100%;
    background: url(../image/abga.png);
    display: none;
    position: absolute;
    top: 60px;
    z-index: 9998;
}
.menu .menuahover{ background:#0866a4; color:#FFF; display:block; color:#fff; font-size:16px; line-height:40px;}
.menu .menuahover{ color:#FFF;}
.cpxlm {
    width: 200px;
    padding: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    margin-left: 0px;
    background: #FFF;
    z-index: 9999;
}
.cpxlm li {
    width: 94%;
    padding: 0px 3%;
    min-height: auto;
    border-top: 1px solid #e6ebed;
    border-left: 1px solid #e6ebed;
    float: left;
    color: #000;
    font-size: 16px;
}
.banner {
    width: 100%;
    height: 100px;
    overflow: hidden;
    background: url(../image/banner1.jpg) fixed no-repeat;
    background-size: 100% auto;
}
.ss,.topb,.swiper-button-next,.swiper-button-prev{ display:none;}
.zhuanye li {
    float: left;
    width: 31%;
    padding: 10px 1%;
    color: #45454d;
    font-size: 13px;
    border-left: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
.zhuanye li:first-child{ border-left:0px;}
.zhuanye li:nth-child(4){ border-left:0px; border-bottom:0px; width:32%; margin-left:15%;}
.zhuanye li:nth-child(5){ width:32%; padding-left:4%; border-bottom:0px;}
.zhuanye{ height:135px;}
.zhuanye li img {
    float: left;
    margin-right: 10px;
	width:30px;
}
.zhuanye li h3 {
    margin: 0px;
    font-size: 14px;
    line-height: 30px;
}
.top ul li a:hover{ text-decoration:none; color:#ffffff; background:#be0946; display:block; padding:5px 0px; font-size:16px;border-radius:3px;}
.swiper-slide img{ width:100%;}
.banerd table{ display:none;}
.advantage dl dd {
    text-align: center;
    font-size: 14px;
    margin: 0px;
    padding: 0px 10px;
}
.fuwu{ margin:0px;}
.bit {
    margin: 10px auto;
}
.bit h2 {
    font-size: 25px;
	background: url(../image/lmbga.png) center;
    width: 250px;
}
.qita li i{
	width:100px;
	height:100px;
}
.about{ width:96%; margin:20px 2%; background:#ffffff; font-size:16px; color:#999; line-height:30px;}
.about img {
    float: left;
    margin-right: 0px;
    width: 100%;
    margin-bottom: 10px;
    display: block;
}
.fuwumu{ width:100%;}
.fuwumu p {
    float: left;
    display: block;
    width:40%;
    margin: 10px 2%;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
}
.fuwunr img{ width:100%;}
.zk1, .zk2, .zk3, .zk4 {
    width:100%;
}
.youshi li {
    width: 43%;
    height: 280px;
    margin: 10px 2%;
	font-size: 14px;
	}
.liyou li {
    float: left;
    width: 30%;
    margin: 0px 1.5%;
    text-align: center;
}
.liyou li img {
    width: 100%;
}
.liyou li p {
    width: 100%;
    margin: auto;
    text-align: left;
    color: #666;
    font-size: 12px;
}
.liyou li h3 {
    line-height: 20px;
    padding: 5px 0;
    font-size: 13px;
}
.youshi li img{ width:80px;}
.cp dl{ width:46.7%; margin:15px 1.65%; height:250px; overflow:hidden; float:left; background:#ffffff;box-shadow:0px 0px 20px #CCC; text-align:center; line-height:40px;}

.cp dl:first-child{ width:96.7%; height:350px; overflow:hidden; margin:15px 1.65%; float:left;}
.cp dl:first-child dt img{ height:300px;}
.cp dl:nth-child(2) dt img{ height:200px;}
.cp dl:nth-child(2){ width:46.7%; height:250px; overflow:hidden; margin:15px 1.65%; float:left;}
.cp dl dt{ width:100%; margin:0px; padding:0px;}
.cp dl a{ color:#333;}
.cp dl dt img{ width:100%; height:200px; display:block;}
.cp dl dd{ margin:0px; padding:0px; position:relative; background:url(image/cpdv.png); width:100%; height:100%;z-index:1; margin-top:-400px;opacity:0;transition: 1s;}
.cp dl:first-child dd{ margin-top:-600px;}
.cp dl:nth-child(2) dd{ margin-top:-600px;}
.cp dl:hover dd{opacity:1;}
.cp dl:hover dd img{opacity:1; margin-top:150px;}
.cp dl dd img{ margin-top:0px;transition: 1s;}
.about p {
    width: 90%;
    line-height: 25px;
    padding: 0px 5%;
    color: #333333;
    font-size: 14px;
}
.netj{ height:auto;}
.lx p{ margin:10px;}
.zx {
    background: #FFF;
    padding: 30px 10%;
    width: 70%;
    float: left;
    margin: 10px 5%;
    font-size: 14px;
}
.abouus {
    width: 100%;
    float: left;
    color: #FFF;
    font-size: 16px;
}
.abouus img{ max-width:100%;}
.dlink{ display:none}
.foot table td:nth-child(3){ display:none;}
.topaa .top ul{ margin:0px;}
.newlst a{ width:90%;}
.wkleft{ display:none;}
.wkright {
    float: right;
    width: 90%;
    margin: 20px auto;
    padding: 20px 5%;
    background: #ffffff;
}
.cpzsc {
    width: 96%;
    background: #F6F6F6;
    padding: 20px 2%;
}
.new li {
    width: 98%;
    margin: 0px 1%;
    float: left;
    background: #ffffff;
}
.cpnmu a {
    width: 48%;
    background: #be0946;
    color: #FFF;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    float: left;
    display: block;
    margin: 5px 1%;
    transition: 0.5s;
}
.cpzsc li {
    width: 46%;
    background: #ffffff;
    margin: 0px 1% 10px 1%;
    float: left;
    text-align: center;
    transition: 0.5s;
    color: #333;
    line-height: 20px;
    padding: 5px 1%;
}
.cpzsc li:hover{ width:46%; background:#ffffff; margin:0px 1% 10px 1%; background:#f4f3f3; float:left; text-align:center;padding: 5px 1%;}
.cpzsc li:hover img{transform: scale(1);}

.cpzsc li a{ height:170px;}
.newlst img{ margin-right:0px; margin:auto;}
.foot table td img{ display:none;}
.foot table td{ padding-left:20px;}
.banerd img{ width:100%;}
.cpzs img{ max-width:100%;}
.neirong tbody{ max-width:100%;}
.neirong img{ max-width:100%;}
.lx .w12 img{ display:none;}
}