@charset "utf-8";
* {margin:0; padding:0; list-style:none; }
html{_background:url(about:blank);background-attachment:fixed;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,
button,input,textarea,th,td{margin:0;padding:0;}
body{  color:#333; font-size:14px; font-family: '微软雅黑', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma'; margin:0 auto; padding:0; line-height:25px;}
ul,li{list-style:none;}
input,textarea,button,select{font-size:12px; outline:none; resize:none; color:#333; font-family: '微软雅黑', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma';}
button{cursor: pointer;}
table{border-collapse:collapse;border-spacing:0;}
.clear {clear:both; height:0; font-size:0; line-height:0; overflow:hidden;}

a{color:#333; text-decoration:none;-webkit-transition:color 0.3s ease-out;-moz-transition:color 0.3s ease-out;-o-transition:color 0.3s ease-out;transition:color 0.3s ease-out;}
a:hover{color:#203B79;; text-decoration:none;}
img{border:none;}
#clear{width:100%; height:0px; clear:both;}

p{line-height:25px;}

em,i { font-style: normal; }

.zwb{ width:50%; height:100%;; background: url(../images/zwb1.png) center no-repeat; background-size:100% 100%; float:left; display:block;display:flex;flex-direction:row;justify-content:center;align-items:center;webkit-transition: all 2.5s ease-in-out;
    transition: all 2.5s ease-in-out;}
.ywb{ width:50%; height:100%;; background: url(../images/ywb1.png) center no-repeat; background-size:100% 100%; float:right;display:flex;flex-direction:row;justify-content:center;align-items:center;webkit-transition: all 2.5s ease-in-out;
    transition: all 2.5s ease-in-out;}
.zlogo{ width:420px; height:80px; position:fixed; top:50px; left:0px;}
.zw1{ max-width:550px; width:90%; height:332px;}
.zw1 a{ max-width:550px; height:330px; border: 2px solid rgba(255, 255, 255, 0.5); display:block; color:#fff; text-align:center;transition: all 0.8s;box-sizing: border-box;}
.zw1 a p{ width:100%; font-size:24px; line-height:30px; text-align:center; padding-top:100px;}
.zw1 a h2{ width:100%; line-height:60px; font-size:24px;}
.zw1 a span{ width:100%; text-align:center; display:block;}
.zw1 a:hover{ background:#203B79;border: 2px solid rgba(32, 59, 121, 1);}
.zwb:hover{ background-size:110% 110%;}
.ywb:hover{ background-size:110% 110%;}

@media screen and (max-width: 767px) {
	.zlogo{ width:150px; height: auto; position:fixed; top:10px; left:0px;}
	.zlogo img{ width:100%}
.zwb{ width:100%; height:100%;}
.ywb{ width:100%; height:100%;}
.zw1{ max-width:550px; width:90%; height: auto;}
.zw1 a{ max-width:550px; height: auto; border: 2px solid rgba(255, 255, 255, 0.5); display:block; color:#fff; text-align:center;transition: all 0.8s;box-sizing: border-box; padding:20px 0px;}
.zw1 a p{ width:100%; font-size:16px; line-height:30px; text-align:center; padding:0px;;}
.zw1 a h2{ width:100%; line-height:40px; font-size:16px;}
.zw1 a span{ width:100%; text-align:center; display:block;}
}

.top{ width: 100%; height: 10vh; position:fixed; top: 0; left: 0; background: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.05); ; z-index: 999;}
.topz{ max-width:1440px; margin:0 auto; height: 100%; }
.top .logo{ float: left; height: 100%; width: 13%; position: relative;}
.top .logo a{ display: block; width: 100%; height: 100%;}
.top .logo img{ display: block; width: auto; left: 50%; height: 60%; position: absolute; top: 50%; transform: translate(-50%,-50%);}
.top .language{float: right; width: 7%; margin-right:2%; height: 40px; margin-top:30px; font-size: 14px; line-height:40px; text-align:center; box-sizing: border-box; overflow: hidden; background: url(../images/bg_05.png) 28px center no-repeat;}

.top .nav{ float: right; display: block; height: 100%; width: 66%;}
.top .nav ul{ height: 100%; width: 100%;}
.top .nav ul li{ float: left; width:14.2%; height: 100%; position: relative;}
.top .nav ul li p{ width: 100%; height: 100%; text-align: center; line-height: 10vh; text-align: center; font-size:16px;background: url(../images/menu11.png) center bottom no-repeat; font-weight: bold; color: #333; cursor: pointer; transition: 0.5s;}
.top .nav ul li p a{ color:#666; display:block;}
.top .nav ul li p a:hover{ color:#43325E;}
.top .nav ul li:hover p{ background: url(../images/menu1.png) center bottom no-repeat;; color: #333;}
.top .nav ul li dl{ width: 100%; display: none; position: absolute; top: 100%; left: 0; padding: 0px 0; background: rgba(255,255,255,1); border: 1px solid rgba(0, 0, 0, 0.05); border-top:0; border-bottom:0;}
.top .nav ul li dl dd{ width: 100%; text-align: center; height: 48px; line-height: 48px; font-size: 12px;color: #333; transition: 0.5s; border-bottom: 1px solid rgba(0, 0, 0, 0.05);}
.top .nav ul li dl dd a{ color: #666;}
.top .nav ul li dl dd:hover{; color: #43325E;}
.top .nav ul li dl dd:hover a{ color: #666;}
.top .nav ul li:hover dl{ display: block;}
.line1{ width:100%; height:10vh;}
.banner{ width:100%; position:relative; background:#000; margin:0 auto; }
.banner .bd{ position:relative; z-index:0; }
.banner .bd li img{width:100%;  display: block; height: auto; } 
.banner .bd li-active img{ animation: banner 10s linear infinite; }
.banner .hd{position:relative; z-index:1; margin-top:-30px; height:30px; line-height:30px;  text-align:center; filter:alpha(opacity=60);opacity:0.6 }
.banner .hd ul{ text-align:center;  padding-top:5px;  }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(../images/tg_flash_p.png) -18px 0; overflow:hidden; font-size:0;}
.banner .hd ul .on{ background-position:0 0; }
.banner .prev,.fullSlide .next{ z-index:1; display:block; width:55px; height:55px; position:relative; margin:-27% 0 0 3%; float:left; filter:alpha(opacity=40);opacity:0.4  }
.banner .next{  background-position:right 0; float:right; margin-right:3%  }
.banner .prev:hover,.fullSlide .next:hover{ filter:alpha(opacity=80);opacity:0.8 }


.cont1{ width:100%; height: auto; background:#E9EDF0;}
.cntx{ max-width:1360px; height: auto; margin:0px auto 50px auto; padding-top:60px; position:relative; }

.layer3_box{width:100%; height: auto; border-radius: 4px;box-sizing: border-box;transition: all 0.8s; float:left; color:#fff; text-align:center; background:#fff;}



.layer3_box img{width:100%; height: auto; cursor: pointer;transition: all 1.2s;}
.layer3_box img:hover{transform: scale(1.04);}
.layer3_box p{ width:100%; height:60px; line-height:60px;transition: all 0.6s; color:#333; font-size:18px; text-align:center; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.layer3_box:hover{ box-shadow: 0px 10px 13px rgba(50, 34, 232, 0.15);border-radius: 4px;transform: translate3d(0,-1px,0);transition: all .2s linear;}
.layer3_box:hover p{ color:#333;}
.cntx  .swiper-button-next{ top: 60%; transform: translateY(-50%);;transition: all 0.8s;right:-6%; width:41px; height:41px;  background: url(../images/a8n.png); background-size:100% 100% ; margin: 0;}
.cntx  .swiper-button-prev{top:60%; transform: translateY(-50%);;transition: all 0.8s;left:-6%; width:41px; height:41px;  background: url(../images/a6n.png); background-size:100% 100% ; margin: 0;}

.cont2{ width:100%; height:auto; background:#fff;}
.cnt21{ width:50%; height:895px; float:left; background:url(../images/a1.png) left top; background-size:cover;}

.cnt22{ width:600px; float:left; padding-left:70px; padding-top:80px;}
.c2t{ width:100%; height:auto;}
.c2t span{ width:100%; font-size:12px; color:#999;}
.c2t h2{ font-size:36px; color:#203B79; line-height:70px;}
.c2t p{ width:100%; padding-top:30px;}

.c2t1{ width:100%; height:auto; padding-top:70px;}
.c2t1 li{ width:100%; height:76px; padding:20px 0px; border-bottom:1px solid #666;}
.c2t1 li .c2t11{ width:76px; height:76px; float:left;}
.c2t1 li .c2t11 img{ width:100%;display:block;-webkit-transition: -webkit-transform 2s ease-out;
    -moz-transition: -moz-transform 2s ease-out;
    -o-transition: -o-transform 2s ease-out;
    -ms-transition: -ms-transform 2s ease-out;}
.c2t1 li:hover .c2t11 img{ -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);}
.c2t1 li .c2t12{ width:500px; float:right;}
.c2t1 li .c2t12 h2{ width:100%; font-size:18px; line-height:40px; color:#333; font-weight:bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.c2t1 li .c2t12 p{ width:100%; color:#666; height:30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.cont3{ width:100%; height:auto; padding:60px 0px; background:#E9EDF0;}
.bt1{ width:1360px; height:auto; margin:0 auto;}
.bt1 h2{ width:100%; font-size:38px; color: #203B79; line-height:50px; background:url(../images/a5_02.png) center no-repeat; text-align:center;}
.bt1 p{ line-height:45px; text-align:center;}
.cnt3{ width:1360px; height:auto; margin:0 auto; padding-top:40px;}
.cnt3 li{ width:430px; height:auto; float:left; margin-right:35px; margin-bottom:45px; padding-bottom:30px;background:#fff;border-radius: 4px;transition:all 0.5s;}
.cnt3 li:nth-child(3n){ margin-right:0px; }
.cnt3 li a{ display:block; width:100%; height:auto; position:relative;}
.cnt3 li a img{ width:100%; height:auto;cursor: pointer;transition: all 1.2s; display:block;}
.cnt3 li a img:hover{transform: scale(1.1);}
.cnt3 li a h2{ width:94%; margin:25px auto; height:50px; line-height:25px; font-size: 18px;transition:all 0.5s;; color:#333;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.cnt3 li a p{ width:94%; margin:0 auto 15px auto; line-height:22px; font-size:14px;  color:#666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;;}
.cnt3 li a span{ width:94%;color: #203B79; display:block; margin:0 auto; font-weight:bold;transition:all 0.5s;}
.cnt3 li:hover{ filter: drop-shadow(0px 10px 13px rgba(50, 34, 232, 0.15));}
.cnt3 li a:hover h2{color: #203B79;}
.cnt3 li a:hover span{color: #F73E3E;} 
.rq1{ width:160px; height:40px; text-align:center; line-height:40px; background:#203B79; color:#fff; font-weight:bold; position:absolute; left:0px; top:15px; z-index:999;}
.footer{ width:100%; height:auto;background: #F9FAFB;}
.foot{ width:1360px; height:auto; margin:0 auto; padding-bottom:24px;}
.ft2{ width:1360px; height: auto; margin-top:50px; float:left; margin-left:40px;}
.ft2 li{  height:auto; float:left; line-height:36px; font-size:14px;}
.ft2 li p{ width:100%; height:40px; line-height:40px; text-align:center;}
.ft2 li h2{ font-size:18px; height:48px; font-weight:bold; background:url(../images/db1.png) left bottom no-repeat; margin-bottom:15px;}
.ft2 li a{ width:100%; height:36px; line-height:36px; display:block;}
.ft2 li a:hover{ text-decoration:underline;}
.ft2 .ft21 img{ vertical-align:-5px; padding-right:10px;}
.wx{ width:166px; height:auto; float:left; padding-right:30px;}
.ftd1{ width:100%; height:60px;background: #203B79;}
.fotd{ width:1360px; height:60px; margin:0 auto;}
.fotdz{ width:1000px; height:60px; line-height:60px; float:left; color:#fff;}
.fotd img{ float:right;}


#bannera{width:100%; height:500px; margin:0 auto; margin-bottom:0px; padding-bottom:0px; border-bottom:#fafafa 0px solid; background-position:center center;}

.conent1{ width:100%; height:auto; background:#E9EDF0; padding-bottom:60px;}
.menuz{ width:100%; height:80px; background:#fff;}
.menuz1{ width:1360px; height:80px; margin:0 auto; line-height:80px; text-align:center;}
.menuz1 a{ padding:20px 60px; background:url(../images/mend11.png) bottom center no-repeat; }
.menuz1 a:hover{ background:url(../images/mend1.png) bottom center no-repeat;}

.product{ width:1360px; height:auto; margin:40px auto 20px auto}
.product li{ width:324px; height:auto; float:left; background:#fff; margin-right:21.33px; margin-bottom:30px;transition: all 1.2s; }
.product li:hover{box-shadow: 0px 10px 13px rgba(50, 34, 232, 0.15);border-radius: 4px;}
.product li:nth-child(4n){ margin-right:0px; }
.product li a{ width:324px; height:auto; display:block;}
.product li a img{ width:100%;cursor: pointer;transition: all 1.2s;}
.product li a img:hover{transform: scale(1.1);}
.product li a .prod1z{ width:100%; height:50px; background:#b5bbbf; padding:15px 0px 16px 0px; color:#fff;transition:all 0.5s; margin:0 auto;transition: all 1.2s;}
.product li a .prod1z .prd1{ width:96%; height:25px; margin:0 auto;line-height:25px; text-align:center;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; overflow: hidden;}


.product1{ width:1360px; height:auto; margin:40px auto 20px auto}
.product1 li{ width:324px; height:auto; float:left; background:#fff; margin-right:21.33px; margin-bottom:30px;transition: all 1.2s; padding-bottom:20px;}
.product1 li:hover{box-shadow: 0px 10px 13px rgba(50, 34, 232, 0.15);border-radius: 4px;}
.product1 li:nth-child(4n){ margin-right:0px; }
.product1 li a{ width:324px; height:auto; display:block;}
.product1 li a img{ width:100%;cursor: pointer;transition: all 1.2s;}
.product1 li a img:hover{transform: scale(1.1);}
.product1 li a p{ width:94%; height:40px; line-height:20px; color:#666;transition:all 0.5s; margin:0 auto;transition: all 1.2s;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.product1 li a:hover p{ color:#203B79; font-weight:bold;}
/*分页*/
#nx_pg{width:100%; height: auto ; padding:50px 0px 0px 0px; text-align:center; }
#nx_pg a{display:inline; padding:9px 16px 9px 16px; background:#fff;border: 1px solid #DEE2E6;border-radius: 4px ; color:#6C757D;;font-size:14px; margin:0px 3px 0px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
#nx_pg a:hover{background:#2375DF; color:#fff;}
#nx_pg .on{ background:#2375DF; color:#fff;}



.pd_hd_l{width:1360px; margin:0 auto; position:relative; overflow:hidden; padding-top:60px;; }

.pd1 img{display:block; width:100%; height:auto;border: 1px solid #E0E0E0;
box-sizing: border-box;}


.gallery-thumbs .swiper-button-prev,
.gallery-thumbs .swiper-button-next{ position:absolute; bottom:0px;; width:48px; height:48px;z-index:99; cursor:pointer; -webkit-transition:all .5s linear; transition:all .5s linear; }
.gallery-thumbs .swiper-button-prev{ background-image: url(../images/b11.png) !important;  left:0px; }
.gallery-thumbs .swiper-button-next{background-image: url(../images/b21.png)  !important ;  right:0px; }
.swiper-container {width: 100%; margin-left: auto; margin-right: auto;}
.swiper-slide { background-size: cover; background-position: center; }
.gallery-top { height: auto; width:50%; float:left;;}
.gallery-thumbs { width:40%; height: auto; margin-right:25%; margin-top:29%; position: inherit !important; bottom:0px; }
.gallery-thumbs .swiper-slide {height: 100%; border: 1px solid #E0E0E0;box-sizing: border-box;}
.gallery-thumbs .swiper-slide-thumb-active {    transition: all .2s linear;   box-sizing: border-box;box-shadow: 0px 8px 20px rgba(35, 117, 223, 0.2);}

.prodxj{ width:40%; height:  auto; position:absolute; left:54%; top:14%;}
.prodxj_title{ width:100%; height:60px; line-height:30px; font-size:24px; font-weight:bold; color:#333;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.prodcolor{ width:100%; padding-top:40px; font-size:14px; color: #666; }
.prodcolor span{color:#203B79; font-size:18px;}

.prod_tip1{ width:1360px; height:60px; line-height:60px; font-size:18px; font-weight:bold; color:#333; text-indent:25px;background:#E9EDF0; margin:40px auto 0px auto;}
.prod_content{ width:1360px; height:auto; padding-top:20px; margin:0 auto;}
.prod_content img{ max-width:100%;}


#main-r{width:1360px; margin:0 auto;padding-left:0px; padding-right:0px; }
.bt5{ position:relative; width:100%; height:60px; line-height:60px; border-bottom:1px solid #BDBDBD; margin-bottom:40px; margin-top:20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.bt5 img{ vertical-align:-8px; padding-right:10px;}
.bt5 a{ color:#666;}
.bt5 a:hover{ text-decoration:underline; color:#E84F3F}
.art_detail{ width:100%; height:auto; background:#fff; padding:50px 30px;box-sizing: border-box;}
#info-T{width:100%; min-height:26px; padding-top:0px; color:#242424; padding-bottom:15px; line-height:26px; text-align: center; font-size:18px; font-weight:bold;}
#info-M{width:100%; height:45px; line-height:45px; text-align:left;}
#info-C{width:100%; line-height:28px; margin-top:10px; font-size:14px;}
#info-C img{ max-width:100%;}
#info-C2{width:100%; line-height:28px; margin:0 auto; margin-top:20px; font-size:14px;}
#info-N{width:100%; height: auto; padding-top:10px; line-height:28px; margin-top:20px; border-top:#e0e0e0 1px dotted;}

#info-C1{width:100%; line-height:28px; margin-top:0px; font-size:14px; text-align:center; padding-bottom:10px;}
#big{width:100%; height:380px; margin:0 auto; text-align:center; padding-bottom:10px;}
#big img{height:380px; max-width:728px;}	



.abz{ width:100%; height:auto; margin:45px auto; }
.abz img{ max-width:100%;}

.b3{ width:100%; height:auto; font-size:36px; color:#203B79;; line-height:65px; text-align:center;}
.b3 p{ width:100%; height:40px; line-height:40px; font-size:24px; color:#333; background:url(../images/a14.png) center center no-repeat;}
.ab1{ width:100%; height:auto; padding:30px 0px;}

.ab2{ width:1360px; height:auto; margin:70px  auto; }
.ab2 li{ width:316px; height:auto; float:left; padding:35px 8px;  margin-right:32px; text-align:center; float:left;border: 1px solid #E0E0E0;
box-sizing: border-box;
border-radius: 4px; }
.ab2 li:nth-child(4n){ margin-right:0px;;}
.ab2 li h2{ font-size:24px; line-height:60px; color:#333; padding-top:20px;}
.ab2 li p{ width:80%; font-size:14px; color: #4F4F4F; line-height:25px; margin:0 auto;}
.ab2 li img{-webkit-transition: -webkit-transform 2s ease-out;
    -moz-transition: -moz-transform 2s ease-out;
    -o-transition: -o-transform 2s ease-out;
    -ms-transition: -ms-transform 2s ease-out;}
.ab2 li:hover img{ -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);}


.clearfix:after{content: "";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;font-size:0;}
.clearfix{*zoom:1;}
.f-left {float: left;}
.f-right {float: right;}
 .sec1{  padding:80px 0; overflow:hidden;}
 .sec1 .inner{background-image:url(../images/history_tet.jpg); background-repeat:no-repeat; background-position:center 40px;}
  .sec1 ul{ position:relative;padding-top:30px;background-image:url(../images/history_line.png); background-repeat:repeat-y; background-position:center;}
 .sec1 ul li { padding-top:50px;background-image:url(../images/history_line.png); background-repeat:repeat-y; background-position:center;}
 .sec1 ul li:hover{ background:#203B79;;}
 .sec1 ul li:hover .history_text p{color:#fff;  }
 .sec1 ul li:hover .history_date{color:#fff;  }
 
 .sec1 ul li dd:last-child {padding-bottom: 0;}
 .sec1 ul .first{ position:absolute; top:-10px; left:50%; margin-left:-4px;}
 .sec1 ul li .bottom{ position:absolute; bottom:-4px; left:50%; margin-left:-4px;}
 .sec1 ul li .f-left{ width:50%; text-align:right;}
 .sec1 ul li .f-right{width:50%; text-align:left;}
.history .f-right,.history .f-left{ position:relative; left:0; top:0;}
.history_dot{ width:90px; height:28px; position:absolute; background-repeat:no-repeat;}
.f-right .history_dot{left:0;margin-left:-14px;background-image:url(../images/history_left.png);}
.f-left .history_dot{right:0;margin-right:-14px;background-image:url(../images/history_right.png);}
.history_dot1{ width:65px; height:20px; position:absolute; background-repeat:no-repeat; background-position:left 9px;}
.f-right .history_dot1{left:0;margin-left:-5px;background-image:url(../images/history_left1.png);}
.f-left .history_dot1{right:0;margin-right:-5px;background-image:url(../images/history_right1.png);}
.history_date{ color:#196FBA; font-size:24px; line-height:1;font-family: 'ITCAVANTGARDESTD-BOLD', Arial, sans-serif; font-weight:bold;}
.f-right .history_date{ padding-left:36px;}
.f-left .history_date{ padding-right:36px;}
.f-right .history_text{ padding-left:84px;}
.f-left .history_text{ padding-right:84px;}
.history_text p{color:#666;  font-size:14px; line-height:26px;}
.history_text h1{ color:#00a551; font-size:18px; line-height:1; font-weight:lighter; padding-bottom:5px; padding-top:5px;}
.history_tet{ position:relative; padding-bottom:40px;}
.history_tet.last{ padding-bottom:0;}
.padding_b{ padding-bottom:20px;}
.zse img{ padding-right:2px;box-sizing: border-box;}
