/* CSS Document */
*{ margin:0; padding:0;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
img{ border:none}
html{background:#fff}
body{ font-size:14px; font-family:'Microsoft Yahei','SimSun',sans-serif; color:#333333; line-height:1.8em;}
ul,li{list-style:none;}
input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}
a{ text-decoration:none; color:#333;}
a:hover{color:#f19f10; text-decoration: none}

.wxc{width:1200px; margin:0 auto;}
.clr{ clear:both}
.b40{ height:40px; line-height:40px; overflow:hidden}
.b20{ height:20px; line-height:20px; overflow:hidden}
.b10{ height:10px; line-height:10px; overflow:hidden}
.b5{ height:5px; line-height:5px; overflow:hidden}
.mt1{  margin-top:10px;}
.mt2{ margin-top:15px;}
.f14{ font-size:14px; line-height:26px;}
.center{ text-align:center}
.fr{ float:right}
.fl{ float:left}
.shadowbox{background-color: #ffffff;box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);}
.clearfix:after{content:'.';height:0;visibility:hidden;display:block;clear:both}

.table1,.article table{border:1px #cccccc solid;border-collapse:collapse; font-size:12px; line-height:18px;background:#ffffff}
.table1 td,.article table td{ padding:3px 5px; border:1px #cccccc solid;}
.table1 th,.article table th{ background-color:#ba1718; color:#fff;padding:3px 5px; border:1px #cccccc solid; font-weight:normal}

.more{ float:right; margin-right:10px;}
.tbox dd{ padding-top:10px; padding-bottom:5px;}

.d1 li {line-height: 2.5em;white-space: nowrap;border-bottom: #f0f0f0 dashed 1px;padding: 0 1em;position: relative;}

.d2{clear: both;margin: 0 auto;border-bottom: 1px dashed #d9d9d9;padding-bottom: 10px;margin-top: 6px;}
.d2 dt {clear: both;background: url(icon04.jpg) no-repeat left 10px;text-align: left;padding-left: 10px;font-family: "ËÎÌå";font-size: 14px;font-weight: bold;line-height: 30px;}
.d2 dd {clear: both;text-align: left;line-height: 18px;font-size: 12px;color: #666;}
.d2 a{ color:#ff3333}

.e1 li,.e2 li{ position:relative; margin:0.5%; margin-bottom:15px;width:32.33%;float: left;display: block;text-align: center; border:1px #dddddd solid}
.e1 li a,.e2 li a{color: #666666;}
.e1 li .pic,.e2 li .pic{ width:100%;padding-bottom:66.6667%; height:0; display:block;overflow: hidden;}
.e1 li .pic img,.e2 li .pic img{ width:100%; height:auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.e1 li .text,.e2 li .text {display: block;overflow: hidden; white-space:nowrap; line-height:2.2em; font-size:18px; color:#333}

.e2 li{width:49%;}

.e3 li{margin:1%; width:31.33%;float: left;display: block;text-align: center;}
.e3 li a{color: #666666;}
.e3 li .pic{ width:100%;padding-bottom:56.25%; height:0; display:block;overflow: hidden;}
.e3 li .pic img{ width:100%; height:auto;}
.e3 li .text {display: block;overflow: hidden; white-space:nowrap; line-height:1.8em}

.e1 img,.e2 img{ -webkit-transition: 1s,border 1s;transition-property:transform;transition-duration:1s;}
.e1 img:hover,.e2 img:hover,#newsBanner .swiper-slide:hover img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);	/* IE 9 */-webkit-transform:scale(1.1,1.1);	/* Safari 和 Chrome */-o-transform: scale(1.1,1.1);	/* Opera */-moz-transform: scale(1.1,1.1);	/* Firefox */}

/*带文字的幻灯片*/
#swiper-text{ padding-bottom:10px; line-height:normal}
#swiper-text p{ line-height:30px; text-align:center; white-space:nowrap; margin-bottom:0}
/*带缩略图幻灯-多图浏览片*/
.gallery-thumbs img{ cursor:pointer}
.gallery-top{ width: 100%;height: auto; text-align:center; background-color:#333; /*margin-bottom:10px;*/ color:#fff; }
.gallery-top .swiper-title{ color:#fff; background-color:#666; padding:10px 30px; margin-bottom:10px;}
.gallery-top .swiper-title h1{ color:#fff; text-align:left}
.gallery-top .swiper-title .swiper-number{ float:right; width:auto; font-size:20px;}
.gallery-top .swiper-wrapper{ line-height:normal;}
.gallery-top  img{ max-width:100%; height:auto}
.swiper-pagination-current{ color:#FF6600}
#swiper-thumbs {height: 20%;box-sizing: border-box;padding: 10px 0;}
.gallery-thumbs .swiper-slide {height: 100%;opacity: 0.4;}
.gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}

.news-list2 li{ padding: 15px; background-color: #ffffff; border-bottom:1px #dddddd solid;}
.news-list2 li .pic{ width: 18%;float: left;}
.news-list2 li .pic a{ width:100%;padding-bottom: 66.6666%;height: 0;display: block;overflow: hidden;border:1px #dddddd solid; vertical-align:middle}
.news-list2 li .pic img{ width: 100%; height: auto; }
.news-list2 li .info{ width: 82%; padding-left: 20px; float: right;}
.news-list2 li .info a h2{ font-size: 20px; line-height: 1.3em; }
.news-list2 li .info p{ margin-top: 10px; color: #666666; font-size: 14px; line-height: 20px;overflow: hidden;}
.news-list2 li .info .date{ font-size: 12px; color: #999999; line-height: normal; padding-top: 6px; }
.news-list2 li.nopic .pic{ display: none; }
.news-list2 li.nopic .info{ width: 100%; float: none;}

#proBanner .info .img,#proBanner2 .info .img{ width:100%; height:0; padding-bottom:66.6667%;overflow:hidden}
#proBanner .info .img img,#proBanner2 .info .img img{ width:100%; height:auto; padding:3px; padding-bottom:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#proBanner .info h3,#proBanner2 .info h3{ text-align:center; font-weight:normal;display: block;overflow: hidden; white-space:nowrap; line-height:2em}
#proBanner .info .desc,#proBanner2 .info .desc{ padding:10px; font-size:12px; text-align:center;-webkit-line-clamp: 2;line-clamp: 2;overflow: hidden;display: -webkit-box;word-wrap:break-word;word-break:break-all;text-overflow: ellipsis;}
#proBanner .info .button,#proBanner2 .info .button{ text-align:center; margin-bottom:10px;}
#proBanner .info .button a,#proBanner2 .info .button a{ display:inline-table; padding:5px 30px; background-color:#ffffff; color:#0c4da2;  border:1px #0c4da2 solid}
#proBanner .swiper-slide,#proBanner2 .swiper-slide{ border:1px #ddd solid; background-color:#fff;border-radius:2px;}
#proBanner .swiper-slide:hover,#proBanner2 .swiper-slide:hover{border: 1px solid #0c4da2;}
#proBanner .swiper-slide:hover .button a,#proBanner2 .swiper-slide:hover .button a{ background-color:#0c4da2; color:#ffffff}
#proBanner .swiper-slide img,#proBanner2 .swiper-slide img{ -webkit-transition: 1s,border 1s;transition-property:transform;transition-duration:1s;}

#newsBanner .info .img{ width:100%; height:0; padding-bottom:66.6666%; overflow:hidden}
#newsBanner .info .img img{ width:100%; height:auto}
#newsBanner .info h3{margin: 10px 0px 10px;line-height: 22px;}
#newsBanner .info .data{ color:#666}
#newsBanner .info p{color: #666666;font-size: 14px;line-height: 25px;height: 75px;padding: 0px;overflow: hidden;}
#newsBanner .swiper-slide{ padding:10px; border:1px #ddd solid; background-color:#fff;border-radius:2px;}
#newsBanner .swiper-slide:hover{border: 1px solid #e53f3f;}
#newsBanner .swiper-slide img{ -webkit-transition: 1s,border 1s;transition-property:transform;transition-duration:1s;}

.head .wxc{ height:100px;}
.head .logo{ float:left; padding-top:5px; width:63%;}
.head .tel{float:right;margin-top: 35px; width:35%; text-align:right}
.head .logo img,.head .tel img{ max-width:100%;}
.nav{height:50px; line-height:50px; background:#003399;overflow: hidden;text-align:center;}
.nav a{ width:12.5%;display:block; font-size:16px; float:left;color:#fff; text-decoration:none;border-right: #0059a8 1px solid;
-webkit-transition:background 0.8s;-o-transition-property:background;-o-transition-duration:0.8s;-moz-transition-property:background;-moz-transition-duration:0.8s;transition-property:background;transition-duration:0.8s;
}
.nav a.home{;border-left: #0059a8 1px solid;}
.nav a:hover,.index .nav .home,.nav .hover{text-decoration:none; color:#ffffff; background:#cc0033}

.head .searchform{ float: right; margin-top:20px; border:1px #e5e5e5 solid; border-radius: 3px;}
.searchform .search-input{ padding: 0 1em; line-height: 34px; float:left; border:none; width: 260px; font-size: 14px;}
.searchform .search-btn{ float: left;height: 34px; width: 32px; border: none; cursor: pointer;    background:#be0000 center center url(../images/search.png) no-repeat;}

.container{ margin: 20px auto }
/***首页**/
.ibanner img{ width:100%; height:auto}

.wrap_title{ text-align:center; color:#d0d0d0;    margin: 20px 0; position:relative}
.wrap_title span{font: 700 25px/35px "microsoft yahei";color: #003399;padding: 0 10px;position: relative;}
.wrap_title a{color: #003399;}
.wrap_title p{font: 16px/25px "microsoft yahei";letter-spacing: 0.1em; color:#333333}

.wrap_title2{ color:#0c4da2; font-size:30px; padding:5px 0 20px 0; line-height:normal;}
.wrap_title2:after{content: "";width:2em;height: 3px;background: #0c4da2;display: block; margin-top:15px;}
.swiper-button{ text-align:center; margin-top:15px;}
.swiper-button a{ display:inline-table;cursor:pointer;width: 40px;height: 40px;color: #FFF;font-size: 24px;overflow: hidden;cursor: pointer;transition: 0.3s all 0s linear;background: #cccccc;text-align: center;line-height: 40px;font-family: SimSun;}
.swiper-button a:hover{ background: #f87500;}
/*.button-prev{ left:0;bottom:0;position:absolute}
.button-next{ right:0; bottom:0;position:absolute}*/

.about{ float:right; width:37%}
.news{ float:left; width:60%}
.about img{ max-width:100%; height:auto}
.about p{ text-indent:2em; font-size:14px; line-height:2em;}
#map{ width:100%; height:467px;border:1px solid #dcdbdb}
#imap{ width:37.5%; float:left; height:204px;}

.news .d3 li{ width:50%; float:left; border:none; height:auto; line-height:1.5em; white-space:nowrap}
.news .pro_left{ width:36%;}
.news .pro_right{ width:60%;}

.icontact{ text-align:center; background:url(contact_bg.gif) top repeat-x;}
.icontact img{ max-width:100%; height:auto}
/**子页面**/
.main{ padding:10px 0; background-color:#f0f0f0;}
.pleft{ float:left; width:300px;}
.pright{ float:right; width:880px; background-color:#fff; padding:10px 15px;box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);}
.place{height: 40px; line-height:40px;position: relative;border-bottom: 1px solid #003399; background-color:#f9f9f9;}
.place h2,.place h1{ color:#003399;float:left; font-size:24px;}
.place span{ float:right}
.productnav dt{ background-color:#003399; text-align:center; color:#fff;height: 70px;line-height: 70px;font-size: 24px;font-weight: bold;text-align: center;}
.productnav dd a{font-size: 18px;color: #fff;background: #5c5c5c;display: block; text-align:center;height: 49px;line-height: 49px;    border-bottom: 1px #3e3e3e solid}
.productnav dd a:hover,.productnav dd a.hover{ background-color:#cc0033; /*border-color:##333300;*/ color:#fff;}
.contact{/*padding: 12px 0 12px 80px;background-color:#003399;font-size:14px; color:#fff;*/ margin-top:10px; }

.box{border: 1px #ebebeb solid;padding: 12px 10px;height: auto; background-color:#fff; margin-top:10px;box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);}
.box dt{ height:40px; line-height:40px;background: #ebebeb; margin-bottom:10px;}
.box dt strong{ float:left;background: #186abc;font-size: 16px;width: 125px;text-align: center;color: #FFF;}
.box dt .more{display: block; float:right;padding: 0 10px;transition: all 0.4s;}

.d1 li{background:url(../images/icon-bg.png) 10px 0 no-repeat; padding-left:45px;}
.d1 li a{ display:inline}
.d1 li.linkman{ background-position:10px -41px;}
.d1 li.mobile{ background-position:10px -82px;}
.d1 li.tel{ background-position:10px -123px;}
.d1 li.fax{ background-position:10px -164px;}
.d1 li.emall{ background-position:10px -205px;}
.d1 li.address{ background-position:10px -246px;}

article{margin-top: 20px;}
.main article .title{ text-align:center;padding: 4px 10px 4px 29px; border-bottom: 1px #e5e5e5 solid}
.main article h1 {color: #2c3033;font-size: 24px;font-weight: 700;line-height: 30px;}
.main article .info {color: #888; font-size: 14px; line-height: 38px; margin-top: 5px;}
.article-content{/*margin-bottom: 20px;*/color: #000; line-height:2em;padding:1em;word-wrap: break-word; word-break: break-all; font-size:16px;}
.article-content img{ max-width:100%; height:auto}
.article-content p{ margin-bottom: 1em;text-indent:2em;}
.article-content a{ text-decoration:underline}
.list{ margin-top:20px;}
.context{padding:10 25px;}

.d3 li{ height:30px; line-height:30px; font-size:14px; border-bottom:1px #dddddd dashed; background: url(li_1.jpg) 3px  center no-repeat; padding-left:13px; padding-right:10px; overflow:hidden; margin-top:5px; margin-bottom:5px;}
.d3 li span{ float:right;}
.pages {display: inline-block; clear:both; width:100%; text-align:center; margin:20px auto}
.pages ul li{float:left;font-family:Tahoma;line-height:34px;/*margin-right:6px;*/border:1px solid #dddddd;border-left-width: 0;font-size:14px;}
.pages ul li a{float:left;padding:0 12px; line-height:34px;color:#333;display:block;}
.pages ul li a:hover{color:#ffffff;text-decoration:none;padding:0 12px; line-height:34px;background-color:#c00;}
.pages ul li.thisclass,
.pages ul li.thisclass a,.pages ul li.thisclass a:hover{background-color:#c00;padding:0 12px; line-height:34px;color:#ffffff;font-weight:bold;}
.pages .pageinfo{line-height:21px;padding:12px 10px 12px 16px;color:#999;}
.pages .pageinfo strong{color:#555;-weight:normal;margin:0px 2px;}
.pages li:first-child {border-left-width: 1px;}

/**about**/
.article-content h2,.article-content h3 {font-size: 20px;margin: 15px 0;color: #cc0033;text-indent:32px;/*background: url(line1.jpg) bottom center no-repeat;*/}
.article-content h3 {font-size: 18px;margin: 10px 0;color: #cc0033;/*background: url(line1.jpg) bottom center no-repeat;*/}
.indexarticle .article-content h2,.indexarticle .article-content h3 {font-size: 24px;margin: 20px 0 15px;background: url(line1.jpg) bottom center no-repeat;text-align: center;color: #0159a0;padding-bottom: 10px;}

.digital li {width: 17%;float: left;margin:1.5%;}
.digital li .top-icon{ padding:0 10px;}
.digital li img{ width:100%; height:auto}
.digital li h4{font-size: 20px; text-align:center; margin-top:5px; margin-bottom:10px;}
.digital li p{ font-size:12px; line-height:1.8em}

.pro_info{ padding-bottom:15px;  border-bottom:1px dashed #e4e4e4;}
.pro_left{float:left;width:40%; margin-right:3%;}
.pro_left img{width:100%; height:auto}
.pro_right{height:auto; float:right; width:57%;}
.pro_right h1,.pro_right .pro_title{line-height:30px; font-size:20px; margin-top:5px; font-weight:bold}
.pro_right p{margin:8px 0;}
.pro_info .tel{ margin-top:5px; line-height:40px;}
.pro_info .tel a{padding:0 10px 0 50px; font-size:16px; display:inline-table;color:#fff;background:#F40 url(../images/icon-tel.png) no-repeat 10px 9px; margin-right:10px;}
.pro_info .tel a.qq{ background-image: url(../images/icon-qq.png);}
.pro_info .tel a:hover{ background-color:#F22D00;background-position:10px -28px;transition:all 0.3s}
/*video*/
iframe,embed{ width:100%; height:500px}

.footer{width: 100%; background-color: #000;margin-top: 10px; color:#999; overflow: hidden; text-align: center; padding: 20px 0}
.footer { text-align: center; font-size: 12px;}
.footer  a{ color:#999;}
.footer  a:hover{ text-decoration:underline}
.flink{ background-color:#bbb; line-height:1.8em; padding:5px 0}
.kefu{ width:40px;position:fixed;bottom:100px; right:0; text-align:right; z-index:999; display:none}
.kefu img{ width:40px; height:auto;opacity:0.5;filter:alpha(opacity=50); margin:0; padding:0}
.toolphone {display:none; z-index:999; position: fixed;left: 0;bottom: 0;width: 100%;background: -webkit-linear-gradient(left, #ff9801, #fd650f);border-radius: 4px;color: #fff;text-align: center;padding: 8px 0;font-size:20px;}
.toolphone a{ color:#fff; display:block}

/**响应式布局**/
@media screen and (max-width: 1024px) {
    .wxc{ width: 100%;}
	.pleft{ width:25%}
	.pright{ width:72%;}
	.productnav dt span,.contact dt .more{ display:none}
	.productnav dd a{ text-align:center; padding-left:0}
}
@media screen and (max-width: 768px) {
   .head .tel a:nth-of-type(2),.map-wrapper .invest,.pronav li .en,.pronav li a:hover .en,.pronav li.title a p,.contact{ display: none;}
   .pleft,.pright,.news,.about{ width: 100%; float:none; margin:0 auto}
   .pleft{ margin-top:8px;}
   .article-content{ padding:0;margin-bottom:0}
   
   /**首页**/
   .pronav li a{ font-size:14px;}
   .container{ width:95%; margin:8px auto; background-color:#FFFFFF}
   .container .pright{ padding:8px 0}
   #imap{ width:49%;}
   /**列表页面**/
   .productnav:after{content:'.';height:0;visibility:hidden;display:block;clear:both}
   .productnav dt{ height:32px; line-height:32px; font-size:16px; width:50%; float:left}
   .productnav dd{ width:50%; float:left;}
   .productnav dd a{ height:32px; line-height:32px; font-size:14px;border-left: 1px #3e3e3e solid;}
   /**文档页面**/
}

@media screen and (max-width:576px) {
    .nav a:nth-of-type(4),.nav a:nth-of-type(7),.head .tel,#newsBanner .info p,.pronav li .en,.pronav li.title a p,.news-list2 li .info p,.flink,.icontact,.wrap_title p,.footer .wxc,.place span{ display: none;}
	.nav{ height:32px; line-height:32px;}
	.nav a{ width:20%; font-size:12px;}
	.head .logo{ width:100%; float:none; padding-top:0}
	.head .logo img{ max-width:100%; height:auto}
	.head .wxc{ height:auto;}
	.kefu,.toolphone{ display:block}
	.footer{ padding-bottom:48px;}
	/**首页**/
	.pronav li{ width:33.33%; margin-left:0; margin-right:0; line-height:40px;border-bottom:1px #fff solid; border-right:1px #fff solid}
	.pronav li a{ height:auto; padding-top:0; background:#e6e6e6; padding-bottom:0;}
	.pronav li h3{ font-size:16px;}
	.pronav li.title a{ padding:0; background:#003399;}
	.pronav li.title h3{  color:#fff; font-size:16px; line-height:40px;}
	.about .about-video,.about .about-content,#imap{ width:100%; float:none;}
	.about .about-video{ height:auto;}
	#newsBanner .swiper-slide{ padding:3px;}
	#newsBanner .info h3{ font-size:14px; line-height:16px; margin:5px 0 5px;}
	#proBanner .info h3{ font-size:14px;}
	.wrap_title{ margin:10px 0}
	.wrap_title2{ font-size:20px;padding: 5px 0 8px 0;}
	.wrap_title2:after{width: 4em;margin-top: 5px;}
	
	.place{ height:32px; line-height:32px;}
	.place h2,.place h1{ font-size:16px;}
	
	.digital li{ width:30%;}
	.e1 li{ width:48%;}
	#map{ height:260px;}
	.article-content h2，.article-content h3{ margin:15px 0 15px; font-size:20px;}
	.news-list2 li .info{ padding-left:8px;}
	.news-list2 li{ padding:8px 0}
	.news-list2 li .info a h2{ font-size:16px;}
	.news-list2 li .pic{ width:25%;}
	.news-list2 li .info{ width:75%;}
	.article-content h2,.article-content h3 {font-size: 20px;}
	.gallery-top .swiper-title{ padding:5px 10px;margin-bottom: 0;}
	.gallery-top .swiper-title .swiper-number{ font-size:12px;margin-top: 8px;}
	.main article h1{ font-size:18px;}
	article {margin-top: 5px;}
	.main article .info{ margin-top:0; line-height:30px;}
	
	iframe,embed{height:260px}
}

@media screen and (max-width:400px) {
	.place span,.main article .info,.pro_text{ display:none}
	.e3 li{ float:none; width:100%;}
}