/* 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.6em;}
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}

.box{}
.box_head{padding: 0 0 20px 0;}
.box_head strong{color: #000;font-size: 22px;font-family: "΢ÈíÑźÚ";}
.box_head  a{color:#fff; }
.box_body{}

.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:1%; margin-bottom:15px;width:23%;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; padding:1px;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:2em; font-size:14px;}

.e2 li{width:48%;}

.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:1.8em}
#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 #e53f3f;}
#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:10px;}
.head .tel{min-width: 52px;height: 54px; float:right;padding-left: 60px;font-size: 18px;margin-top: 30px;color: #262626;line-height: 27px;background: url(../images/tel.png) left center no-repeat;}
.head .tel a{ font-size:24px; color:#FF6600; font-weight:bold}
.nav{height:42px; line-height:42px; background:#0159a0;overflow: hidden;text-align:center;}
.nav a{ width:12.5%;display:block; font-size:16px; float:left;color:#fff; text-decoration:none;border-right: #186abc 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: #186abc 1px solid;}
.nav a:hover,.index .nav .home,.nav .hover{text-decoration:none; color:#ffffff; background:#f19f10}

.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 {width: 100%;height:400px;}
.ibanner .swiper-slide {background-position: center;background-size: cover;}
.ibanner a{width: 100%; height:100%; display:block}

.pronav{}
.pronav li{ width:16%;  margin-left:0.33%; margin-right:0.33%; float:left;}
.pronav li a{ display:block; height:auto; width:100%;font-size:18px; vertical-align:middle;background:#e6e6e6 url(../images/icon-zds.png) no-repeat center 8px; text-align:center; padding-top:90px; padding-bottom:10px; color:#323232;}
.pronav li h3{ line-height:40px;}
.pronav li .en{ color:#323232;text-transform:uppercase; font-size:18px;line-height:28px;}
.pronav li.title a{ padding-top:25px; background:#303030;}
.pronav li.title a p{ color:#ffffff}
.pronav li.title h3{ font-size:42px; line-height:60px; color:#0159a0;}
.pronav li.title .en{ color:#ffffff; text-transform:capitalize}
.pronav li a:hover{ background-color:#0159a0; color:#ffffff;background-position:center -150px;transition:all 0.3s}
.pronav li a:hover .en,.pronav li.title a:hover h3{color:#ffffff}
.pronav li a#pronav7{ background-image:url(../images/icon-pronav7.png)}
.pronav li a#pronav8{ background-image:url(../images/icon-pronav8.png)}
.pronav li a#pronav9{ background-image:url(../images/icon-pronav9.png)}
.pronav li a#pronav10{ background-image:url(../images/icon-pronav10.png)}
.pronav li a#pronav11{ background-image:url(../images/icon-pronav11.png)}
.pronav li a#pronav24{ background-image:url(../images/icon-pronav24.png)}

.wrap_title{ text-align:center; color:#d0d0d0;    margin: 20px 0; position:relative}
.wrap_title span{font: 700 25px/35px "microsoft yahei";color: #0159a0;padding: 0 10px;position: relative;}
.wrap_title  a{color: #0159a0;}
.wrap_title p{font: 16px/25px "microsoft yahei";letter-spacing: 0.1em; color:#333333}
.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-wrapper,.map-wrapper{padding: 20px 0;background-color: #eeeeee;}
.about{box-shadow: #666 2px 3px 9px; background-color:#ffffff; padding:1em;}
.about .about-video{float:left; width:40%; height:270px;}
.about .about-video img{ max-width:100%; height:auto}
.about .about-content{float:right; width:58%; line-height:2em; background-color:#ffffff; height:270px; overflow:hidden;}
.about .about-content p{ text-indent:2em;}
#map{ width:100%; height:467px;border:1px solid #dcdbdb}
#imap{ width:37.5%; float:left; height:204px;}
.map-wrapper .icontact{ width:33.2%; float: left; margin-left:2%;padding: 12px 10px;height: auto; background-color:#fff;}
.map-wrapper .invest{ float:right; width:25.4%;}
.map-wrapper .invest .swiper-slide{ position:relative}
.map-wrapper .invest .swiper-slide p{ position:absolute; top:0; width:100%; text-align:center; line-height:30px; color:#fff; background-color:#000;filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6; }
.map-wrapper .invest img{ width:100%; height:auto}

.newslist-md{box-shadow: 0 2px 4px 0 rgba(0,0,0,.05); background-color: #ffffff;}

.box{padding: 20px 0 5px;margin-bottom: 20px; box-shadow: 0 2px 4px 0 rgba(0,0,0,.05); background-color: #ffffff;}
.box dt{ padding: 0 20px;border-bottom: 1px #e5e5e5 solid; padding-bottom: 10px;}
.box dt h3{ font-size: 16px; float: left; border-left: 3px #be1c1a solid; padding-left: 0.6em;}

/**子页面**/
.main{ padding:10px 0; background-color:#f0f0f0;}
.pleft{ float:right; width:300px;}
.pright{ float:left; 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 #0159a0; /*background-color:#f9f9f9;*/}
.place h2,.place h1,.place h3{ color:#0159a0;float:left;font-size: 24px;}
.place span{ float:right}
.productnav dt{ background-color:#0159a0; text-align:center; color:#fff;height: 70px;line-height: 70px;font-size: 24px;font-weight: bold;text-align: center;}
.productnav dt span{font-size: 18px;color: #ffd200;}
.productnav dd a{font-size: 18px;color: #fff;background: #5c5c5c;display: block;padding-left: 20%;height: 49px;line-height: 49px;border-bottom: 1px #3e3e3e solid}
.productnav dd a:hover,.productnav dd a.hover{ background-color:#186abc}
.contact{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);}
.contact dt{ height:40px; line-height:40px;background: #ebebeb; margin-bottom:10px;}
.contact dt strong{ float:left;background: #186abc;font-size: 16px;width: 125px;text-align: center;color: #FFF;}
.contact 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;}

iframe, embed {width: 100%;height:500px;}

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: #454545; line-height:2em;padding:1em;word-wrap: break-word; word-break: break-all; font-size:16px;}
.article-content img{ max-width:100%; height:auto; margin-left:5px; margin-right:5px;}
.article-content p{ margin-bottom: 1em;text-indent:2em;}
.article-content a{ text-decoration:underline}
.list{ margin-top:20px; margin-bottom:20px;}
.context{padding:10 25px;}
.video{ text-align:center; margin-top:1em;}
.video video{ max-width:100%; height:auto; max-height:500px;}

.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;color: #0159a0;padding-bottom: 10px;}
.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;}
.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,.digital li h3{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{border:#B3B3B3 1px solid;padding:3px; width:100%; height:auto}
.pro_right{height:auto; float:right; width:57%;}
.pro_right h1{line-height:25px; font-size:14px; margin-top:5px;}
.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}

.footer{width: 100%; background-color: #333333;margin-top: 10px; color:#fff; overflow: hidden; text-align: center; padding: 20px 0}
.footer { text-align: center; font-size: 12px;}
.footer  a{ color:#fff;}
.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{ display: none;}
   .pleft,.pright{ width: 96%; 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}
   #imap{ width:49%;}
   .map-wrapper .icontact{ 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;}
   /**文档页面**/
   iframe, embed{max-height: 260px;}
}

@media screen and (max-width:576px) {
    .nav a:nth-of-type(4),.nav a:nth-of-type(5),.nav a:nth-of-type(8),.head .tel,#newsBanner .info p,.pronav li .en,.pronav li.title a p,.news-list2 li .info p,.pro_text,.flink{ 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,.map-wrapper .invest{ 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:#0159a0;}
	.pronav li.title h3{  color:#fff; font-size:16px; line-height:40px;}
	.pronav li a#pronav7,.pronav li a#pronav8,.pronav li a#pronav9,.pronav li a#pronav10,.pronav li a#pronav11,.pronav li a#pronav24{ background-image:none}
	.about .about-video,.about .about-content,#imap,.map-wrapper .icontact,.map-wrapper .invest,.pro_right,.pro_left{ width:100%; float:none;}
	.about .about-video{ height:auto;}
	.map-wrapper .icontact{ margin-left:0; margin-top:8px; margin-bottom:8px;}
	#newsBanner .swiper-slide{ padding:3px;}
	#newsBanner .info h3{ font-size:14px; line-height:16px; margin:5px 0 5px;}
	#proBanner .info h3{ font-size:14px;}
	.ibanner {height:180px;}
	
	.place{ height:32px; line-height:32px;}
	.place h2,.place h1,.place h3{ font-size:16px;}
	
	.digital li{ width:47%;}
	.e3 li{ float:none; width:100%;}
	.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;}
}

@media screen and (max-width:400px) {
	.place span,.main article .info{ display:none}
	.ibanner {height:120px;}
}