@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:#666; font-size:14px; font-family: '微软雅黑','宋体', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma'; margin:0 auto; padding:0; line-height:25px; background:#fff;}
ul,li{list-style:none;}
input,textarea,button,select{font-size:14px; outline:none; resize:none; color:#666666; 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:#fc8e0a; text-decoration:none;}
img{border:none; }
#clear{width:100%; height:0px; clear:both;}
.clear{width:100%; height:0px; clear:both;}
h2{ font-size:25px; font-weight:600;;}
h4{ font-size:14px; font-weight:blod; color:#4b4b4b; line-height:30px;}
h3{ font-size:16px; font-weight:500; color:#4b4b4b; line-height:30px;}
p{line-height:25px;}
.left{float:left;}
.right{float:right;}
#right{float:right;}

::selection {background:#745b2a; color:#fff;}
::-moz-selection {background:#745b2a; color:#fff;}
::-webkit-selection {background:#745b2a; color:#fff;}
.tp{ width:100%; height:100px; position:fixed; z-index:99;background:#F4F4F4}
.top{ width:1360px; height:100px; margin:0 auto; }
.logo{ width:215px; height:100px; float:left; }
#toprb{width:1070px; height:100px; float:right;}
.tpp{ width:100%; height:100px; }
#topral{width:282px; height:40px; float:left;  margin-top:25px; float:right;}
.s1{width:180px; height:40px; line-height:40px; margin:0; padding-left:9px;  border:none; background:url(../images/s1.png); color:#888}
.s1:hover{border-right:none;}


#menu {margin:0px auto; display:block; width:720px; height:100px; padding-top:0px; float:left;}
#nav {display:block;}
#nav .mainlevel {float:left; text-align:center; display:block; position:relative; z-index:999999}
#nav .mainlevel a{ text-decoration:none; width:120px; text-align:center; line-height:100px; color:#444; height:100px; display:block; font-size:18px; -webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; z-index:99999;}
#nav .mainlevel a:hover {color:#fff; background:#196FBA; text-decoration:none; z-index:999}
#nav .mainlevel ul {position:absolute; display:none; margin-left:-5px; background:#fff;padding-top:15px; padding-bottom:15px; z-index:99; background:#fff url(../images/11d.png) top center no-repeat;}
#nav .mainlevel li {background:#fff; padding-top:5px;}
#nav .mainlevel li a {padding:0px; width:130px; color:#666; background-image:none; background-color:#fff; font-size:14px; line-height:30px; height:30px; display:block; _padding-bottom:2px;/*IE6 only*/-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
#nav .mainlevel li a:hover {color:#fff; text-decoration:none; background:#fc8e0a; border:none;}

#banner{width:100%; height:500px; margin:0 auto; position:relative;}
.b_tip{ width:1360px; height:500px;  left:50%; margin-left:-680px; position:absolute; z-index:9}
.b_tip ul{ width:340px;}
.b_tip li{ width:340px; height:124px; line-height:124px; text-align:center; border-bottom:1px solid #196FBA;}
.b_tip li img{ padding-right:15px; vertical-align:-26px;}
.b_tip li a{ color:#fff; font-size:18px; font-weight:bold; display:block;background: rgba(25, 111, 186, 0.75);transition: all 0.8s;}
.b_tip li a:hover{ background:#196FBA}
.fullSlide {width:100%;position:relative;height:500px; margin:0 auto;background:#fff;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:500px;overflow:hidden;text-align:center; background-position:center; background-repeat:no-repeat;}
.fullSlide .bd li a {display:block;height:500px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:10px;left:0;height:30px; padding-top:2px; line-height:30px; background:url(../images/bb2.png);}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px;height:12px;margin:1px; margin-top:8px; margin-left:2px; margin-right:2px;overflow:hidden; background-image:url(../images/ber1.png);line-height:999px;}
.fullSlide .hd ul .on { background-image:url(../images/ber2.png);}
.fullSlide .prev{display:block;position:absolute;z-index:1;top:50%;margin-top:-33px;left:3%;z-index:1;width:66px;height:66px;background:url(../images/left1.png) no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:1;}
.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-33px;z-index:1;width:66px;height:66px;background:url(../images/righ1.png) no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:1;left:auto;right:3%;}

.cont1{ width:1360px; height:auto; margin:55px auto 0px auto;}
.cnt1{ width:245px; height:auto; float:left;}
#mla{width:245px; height:60px; line-height:60px; padding-left:0px; font-size:16px; font-weight: bold; background:#196FBA; color:#fff; text-align:center; border-bottom:#4da2d3 0px solid; padding-top:0px; padding-bottom:0px;}
#mclc{width:245px; height:255px; overflow:hidden; margin:0 auto;} 
#mclc ul{margin:0; padding:0;}
#mclc ul li{list-style:none;}
#mclc ul a{display:block; width:245px; height:50px;transition: all 0.8s; margin:0 auto; line-height:50px;  overflow:hidden;background:#ECECEC;; border-bottom:#fff 1px solid; padding-left:0px;  text-align: center; font-size:14px; box-shadow:0 0px 0px #d0d0d0;-webkit-transition:all 0.0s ease-in;-moz-transition:all 0.0s ease-in;-o-transition:all 0.0s ease-in;transition:all 0.0s ease-in;}
#mclc ul a:hover{color:#ff9f2e;   }


.cnt2{ width:1075px; height:auto; float:right;}
.ct2{ width:1075px; height:74px; background: url(../images/a1.png) center no-repeat; line-height:74px; }
.ct2l{ padding-left:70px; color:#333; font-size:20px; font-weight:bold; float:left; }
.ct2 a{ float:right; color:#196FBA;; font-size:18px; padding-right:10px;}
.ct2 a:hover{ text-decoration:underline;}

.cnt2z{ width:1075; height: auto; margin:20px auto 0px auto; position:relative; }
.cnt2z .layer3_box{ width: 100%; height: auto; background:#fff;overflow:hidden; border: 1px solid #999999;box-sizing: border-box;transition: all 0.8s;}
.cnt2z .layer3_box:hover{border:1px solid #196FBA;box-shadow: 0px 8px 25px rgba(25, 111, 186, 0.2);}
.cnt2z .layer3_box  img{ width:199px; height:170px;}
.cnt2z .layer3_box p{ width:100%; height:44px; border-top:1px solid #999; text-align:center; line-height:44px; font-size:16px;transition: all 0.8s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cnt2z .layer3_box:hover p{ background:#196FBA;border-top:1px solid #196FBA; color:#fff;}
.cnt2z  .swiper-button-next{ top: -25%; transform: translateY(-50%);right:16.5%; width: 36px; height:36px; background: url(../images/a3.png); background-size:100% 100% ; margin: 0;}
.cnt2z  .swiper-button-prev{top:-25%; transform: translateY(-50%);left: 85%; width:36px; height:36px; background: url(../images/a4.png); background-size:100% 100% ; margin: 0;}

.cnt2z1{ width:1075; height: auto; margin:20px auto 0px auto; position:relative; }
.cnt2z1 .layer3_box{ width: 100%; height: auto; background:#fff; border: 1px solid #999999;box-sizing: border-box; overflow:hidden;transition: all 0.8s;}
.cnt2z1 .layer3_box:hover{border:1px solid #196FBA;box-shadow: 0px 8px 25px rgba(25, 111, 186, 0.2);}
.cnt2z1 .layer3_box  img{ width:199px; height:170px;}
.cnt2z1 .layer3_box p{ width:100%; height:44px; border-top:1px solid #999; text-align:center; line-height:44px; font-size:16px;transition: all 0.8s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cnt2z1 .layer3_box:hover p{ background:#196FBA;border-top:1px solid #196FBA; color:#fff;}
.cnt2z1  .swiper-button-next{ top: -25%; transform: translateY(-50%);right:16.5%; width: 36px; height:36px; background: url(../images/a3.png); background-size:100% 100% ; margin: 0;}
.cnt2z1  .swiper-button-prev{top:-25%; transform: translateY(-50%);left: 85%; width:36px; height:36px; background: url(../images/a4.png); background-size:100% 100% ; margin: 0;}
.cnt2z2{ width:1075; height: auto; margin:20px auto 0px auto; position:relative; }
.cnt2z2 .layer3_box{ width: 100%; height: auto; background:#fff; border: 1px solid #999999;overflow:hidden;box-sizing: border-box;transition: all 0.8s;}
.cnt2z2 .layer3_box:hover{border:1px solid #196FBA;box-shadow: 0px 8px 25px rgba(25, 111, 186, 0.2);}
.cnt2z2 .layer3_box  img{ width:199px; height:170px;}
.cnt2z2 .layer3_box p{ width:100%; height:44px; border-top:1px solid #999; text-align:center; line-height:44px; font-size:16px;transition: all 0.8s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cnt2z2 .layer3_box:hover p{ background:#196FBA;border-top:1px solid #196FBA; color:#fff;}
.cnt2z2  .swiper-button-next{ top: -25%; transform: translateY(-50%);right:16.5%; width: 36px; height:36px; background: url(../images/a3.png); background-size:100% 100% ; margin: 0;}
.cnt2z2  .swiper-button-prev{top:-25%; transform: translateY(-50%);left: 85%; width:36px; height:36px; background: url(../images/a4.png); background-size:100% 100% ; margin: 0;}
.cnt2z3{ width:1075; height: auto; margin:20px auto 0px auto; position:relative; }
.cnt2z3 .layer3_box{ width: 100%; height: auto; background:#fff; border: 1px solid #999999;overflow:hidden;box-sizing: border-box;transition: all 0.8s;}
.cnt2z3 .layer3_box:hover{border:1px solid #196FBA;box-shadow: 0px 8px 25px rgba(25, 111, 186, 0.2);}
.cnt2z3 .layer3_box  img{ width:199px; height:170px;}
.cnt2z3 .layer3_box p{ width:100%; height:44px; border-top:1px solid #999; text-align:center; line-height:44px; font-size:16px;transition: all 0.8s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cnt2z3 .layer3_box:hover p{ background:#196FBA;border-top:1px solid #196FBA; color:#fff;}
.cnt2z3  .swiper-button-next{ top: -25%; transform: translateY(-50%);right:16.5%; width: 36px; height:36px; background: url(../images/a3.png); background-size:100% 100% ; margin: 0;}
.cnt2z3  .swiper-button-prev{top:-25%; transform: translateY(-50%);left: 85%; width:36px; height:36px; background: url(../images/a4.png); background-size:100% 100% ; margin: 0;}
.cnt2z4{ width:1075; height: auto; margin:20px auto 0px auto; position:relative; }
.cnt2z4 .layer3_box{ width: 100%; height: auto; background:#fff;overflow:hidden;border: 1px solid #999999;box-sizing: border-box;transition: all 0.8s;}
.cnt2z4 .layer3_box:hover{border:1px solid #196FBA;box-shadow: 0px 8px 25px rgba(25, 111, 186, 0.2);}
.cnt2z4 .layer3_box  img{ width:199px; height:170px;}
.cnt2z4 .layer3_box p{ width:100%; height:44px; border-top:1px solid #999; text-align:center; line-height:44px; font-size:16px;transition: all 0.8s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cnt2z4 .layer3_box:hover p{ background:#196FBA;border-top:1px solid #196FBA; color:#fff;}
.cnt2z4  .swiper-button-next{ top: -25%; transform: translateY(-50%);right:16.5%; width: 36px; height:36px; background: url(../images/a3.png); background-size:100% 100% ; margin: 0;}
.cnt2z4  .swiper-button-prev{top:-25%; transform: translateY(-50%);left: 85%; width:36px; height:36px; background: url(../images/a4.png); background-size:100% 100% ; margin: 0;}

.mor1{ width:210px; height:60px; margin:90px auto;}
.mor1 a{ width:210px; height:60px; border:1px solid #333; display:block; text-align:center; line-height:60px;box-sizing: border-box; font-size:16px;}

.rjkf2{ width:100%; height:auto; padding:100px 0 90px 0; background: url(../images/a5.png) center no-repeat;; }
.bt1{ width:100%; height:auto; text-align:center; padding-bottom:55px;}
.bt1 h2{ font-size:36px; color:#333333; line-height:50px; font-weight:normal;}
.bt1 p{ font-size:14px; color:#828282; line-height:20px; padding-top:5px;}
.rjk2{ width:1366px; height:auto; padding-bottom:70px;  margin:0 auto;}
.rjk2 li{width:295px; height:207px; float:left;transition: all .2s linear; margin-right:62px;}
.rjk2 li:nth-child(4n){ margin-right:0px;;}
.rjk2 li:hover {transform: translate3d(0,-5px,0);transition: all .2s linear;box-shadow: 0px 4px 23px rgba(253, 172, 168, 0.8);}

.mor2{ width:1360px; height:auto; margin:0 auto; text-align:center;}
.mor2 a{ width:230px; height:60px; border-radius:50px; background:#196FBA; display:block; margin:0 auto; text-align:center; line-height:60px; color:#fff; font-size:18px;}
.mor2 a:hover{ text-decoration:underline;}
.mor2 img{ padding-bottom:40px; padding-top:60px;}

.cont3{ width:1360px; height:auto; margin:75px auto;}
.cnt31{ width:450px; height:auto; float:left;}
.cnt31 h2{ color:#333; font-size:36px; padding-bottom:15px; font-weight:normal;}
.cnt31 .ct31{ width:100%; font-size:16px; color:#4F4F4F; line-height:34px;}
.cnt31 a{width: 188px;height: 60px;border: 1px solid #333333; font-size:16px;box-sizing: border-box; display:block; line-height:60px; text-align:center; float:right; margin-top:40px;}
.cnt32{ width:822px; height:427px; float:right;}
.cnt32 img{ width:822px; height:427px;}

.cont4{ width:100%; height:auto; padding:90px 0 80px 0; background: url(../images/ab1.png) center no-repeat;; }
.cont4z{ width:1440px; margin:0 auto;}
.cnt41{ width:700px; height:auto; float:left;}
.ct41{ width:100%; height:80px; background:url(../images/a8.png) bottom left no-repeat; color:#fff;}
.ct41 h2{ font-size:24px;}
.ct41 span{ font-size:18px; font-weight:normal; padding-left:15px;}



.layer10Left{ width:100%; position: relative; height:auto; padding-bottom:45px; padding-top:40px;;}
.layer10Left .icon{ width: 100%; height: auto;}
.layer10Left .icon img{ display: block; width: 100%; height: auto;}
.layer10Left p{ text-align: center; font-size:16px; color: #fff; padding-top:25px;}
.layer10Left .swiper-pagination{ width: 100%; bottom: 0;}
.layer10Left .swiper-pagination span{ width:12px; height:12px; border-radius:50%; background: #9eaca7; opacity: 1; margin: 0 7px;;}
.layer10Left .swiper-pagination span.swiper-pagination-bullet-active{ background: #0968b9;}

.cnt42{ width:670px; height:auto; float:right;}
.layer10Left1{ width:100%; position: relative; height:auto; padding-bottom:45px; padding-top:40px;;}
.layer10Left1 .icon{ width: 100%; height: auto;}
.layer10Left1 .icon img{ display: block; width: 100%; height: auto;}
.layer10Left1 p{ text-align: center; font-size:16px; color: #fff; padding-top:25px;}
.layer10Left1 .swiper-pagination{ width: 100%; bottom: 0;}
.layer10Left1 .swiper-pagination span{ width:12px; height:12px; border-radius:50%; background: #9eaca7; opacity: 1; margin: 0 7px;;}
.layer10Left1 .swiper-pagination span.swiper-pagination-bullet-active{ background: #0968b9;}

.cont5{ width:100%; height:auto; padding:45px 0px 70px 0px;; background:#F4F5F7; text-align:center; }
.bt4{ width:1360px; height:auto; margin:30px auto 0px auto; font-size:36px; line-height:50px; color:#333333; text-align:center;}
.bt4 p{ font-size:18px; line-height:27px; color:#666666;}
.cont5 img{ padding:50px 0px 60px 0px;;;}

.cont6{ width:1360px; height:auto;padding:45px 0px 70px 0px; margin:0 auto;}
.cont6 ul{ margin-top:55px;}
.cont6 li{ width:430px; height:auto; float:left; margin-right:35px; margin-bottom:45px;}
.cont6 li img{ width:430px; height:245px;cursor: pointer;transition: all 1.2s;}
.cont6 li img:hover{transform: scale(1.1);}
.cont6 li .ct6{ width:100%; height:80px; padding:30px 0px 10px 0px; background:#F3F3F3;transition: all 1.2s;}
.cont6 li .ct6 h2{ width:80%; height:30px; line-height:30px;font-weight: normal;font-size: 18px; color:#333; margin:0 auto;transition: all 0.8s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cont6 li .ct6 p{ width:75%; height:30px; line-height:30px; margin:0 auto; text-align:right;transition: all 0.6s; color:#666;  }
.cont6 li:hover .ct6{ background:#196FBA; }
.cont6 li:hover .ct6 h2{ width:80%; height:30px; line-height:30px;font-weight: normal;font-size: 18px; color:#fff; margin:0 auto;}
.cont6 li:hover .ct6 p{ width:60%; height:30px; line-height:30px; color:#fff; margin:0 auto; padding-right:40px; text-align:right; background:url(../images/a13.png) right center no-repeat;  }
.cont6 li:nth-child(3n){ margin-right:0px;;}

.footer{ width:100%; height:auto;background: #383838;}
.foot{ width:1360px; height:auto; margin:0 auto;}


.foote{ width:1360px; height:auto; margin:0 auto;}
.ft2{ width:890px; height:300px; margin-top:80px; float:left; color:#fff;}
.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:16px; height:40px; font-weight:bold;}
.ft2 li a{ width:100%; height:40px; line-height:40px; display:block; color:#fff;}
.ft2 li a:hover{ text-decoration:underline;}
.ft2 span{ width:100%; display:block; height:40px; line-height:40px;}
.ft3{ width:410px; height: auto;;float:right; margin-top:40px;}
.ft3 h2{ width:420px; height:40px; font-size:24px; color:#fff; text-align:center;}

.jon1{ width:100%; height:50px; padding-bottom:15px; float:left; position:relative;}
.b1{width:100%; height:50px; line-height:50px; margin:0;box-sizing: border-box; padding:0; background:#fff;border:#fff 1px solid; padding-left:85px;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; }
.b1:hover{border:#fbfbfb 1px solid; background:#fbfbfb; }

.jon4{ width:100%; height:90px; margin-bottom:15px; display:block;position:relative;}
.b2{width:100%; height:90px; line-height:32px;margin:0; padding-left:85px;box-sizing: border-box; background:#fff;border:#fff 1px solid; }
.b2:hover{border:#fbfbfb 1px solid; background:#fbfbfb;  }
.jn1{ width:80px; height:50px; position:absolute; top:0px; left:5px; line-height:50px; color:#828282;}
.jn1 img{ ; display: inline-block;    vertical-align: -7px; padding-right:5px;}
.jon5{ width:150px; height:44px; margin:0 auto;}
.jon5 button{ display: block; width: 100%; height: 100%; border: none; outline: none; font-size:16px; text-align: center; line-height: 44px; color: #333; background: #fff;border-radius:50px;}
.fotd{ width:100%; line-height:30px; padding:30px 0px; margin-top:10px; text-align:center; color:#fff;}

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


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

.b3{ width:100%; height:auto; font-size:48px; color:#196FBA; 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:300px; height:auto; float:left; margin-right:53px; text-align:center; float:left; }
.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{ font-size:18px; color: #4F4F4F; line-height:30px;}
.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:#196FBA;}
 .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:-2px; 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;}

.ab_tip{ width:1360px; height:120px; position:absolute; left:50%; margin-left:-680px; bottom:0px; overflow:hidden;background: rgba(25, 111, 186, 0.3);backdrop-filter: blur(9px);border-radius: 24px 24px 0px 0px;}
.ab_tip li{ width:272px; height:120px; float:left; text-align:center;transition: all 1.2s; line-height:120px; border-right:1px solid #196FBA;box-sizing: border-box;}
.ab_tip li a{ color:#fff; font-size:18px;}
.ab_tip li:hover{ background:#196FBA}
.ab_tip li:nth-child(5n){ border-right:0px solid #196FBA;}
.ab_tip li img{ vertical-align:-15px; padding-right:15px;}

.m_tip{ width:1360px; height:65px; margin:0 auto ; line-height:65px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border-bottom: 1px solid #BDBDBD;  }
.m_tip a{ color:#828282;}
.m_tip a:hover{ text-decoration:underline;}
.p_tip{ width:1356px; height:58px; border:1px solid #196FBA; margin:20px auto 30px auto;}
.p_tip a{ width:226px; height:58px; border-right:1px solid #196FBA; font-size:18px; display:block;transition: all 1.2s; float:left;box-sizing: border-box; line-height:58px; text-align:center; }
.p_tip a:hover{ background:#196FBA; color:#fff;}
.product{ width:1360px; height:auto; margin:1px auto 150px auto;}
.prod1{ width:610px; height:auto; float:left;}
.prod2{ width:650px; height:auto; float:right;}
.prod2 h2{ width:100%; height:40px; line-height:40px; font-size:24px; color:#333; margin:20px 0px 40px 0px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.prd2{ width:100%; height:40px; line-height:40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.prd2 span{ color:#333; font-size:16px; font-weight:bold;}
.prd21 { width:100%; line-height:30px; height:150px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5; overflow: hidden;} 

.prod2b{ width:100%; height:auto;}
.prod2b i{ width:160px; height:150px; display:block; float:left;transition: all 1.2s;}


.zoombj {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .4);
  position: fixed;
  display: none;
  z-index: 5;
}

.zoomFoter {
  width:800px;
  height:520px;

  position: fixed;
  display: none;
  z-index: 6;

  top: 50%;
  left: 50%;
  margin: -220px 0 0 -400px;
  padding: 10px;
  border-radius: 10px;
}

.zoomFoter p { 
  display: none;
}
.zoomFoter .zoomf{ background: none; display:flex;flex-direction:row;justify-content:center;align-items:center;}
.zoomf1{ background:#fff; border-radius: 10px; padding-bottom:45px;}
.zoomf1 span{ display:block; width:90%; height:70px; margin:0px auto;line-height:70px; text-align:center; font-size:24px; color:#196FBA; border-bottom:1px solid #E0E0E0}
.zoomf1 a{ display:block; width:90%; height:50px; margin:0px auto;line-height:50px; text-align:left; font-size:16px; color:#666; border-bottom:1px solid #E0E0E0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.zoomf1 a em{ display:block; float:right; width:60px; height:30px; border-radius:50px; line-height:30px; text-align:center;font-style:normal; margin-top:10px; background:#196FBA; color:#fff;font-size:15px;}
.zoomf1 a:hover{ text-decoration:underline;}
.zoomFoter .close {
  width: 24px;
  height: 24px;
  cursor: pointer;
  line-height: 24px;
  text-align: center;
  background: #000;
  color: #fff;
  position: absolute;
  display: block;
  right: 20px;
  top:20px;
  border-radius: 100%;
}

.sert{ width:800px; height:60px; margin:260px auto 0px auto; background:#FFF; border-radius:50px;}



.search-lb{ float:left; width:220px; height:60px; border-right:1px solid #999;}

 .inpc{ font-size:12px; height:60px; line-height:60px; width:305px; padding:0 20px 0px 10px; font-size:14px; border:none; float:left;}
 .bumc{  color:#fff; height:48px; line-height:48px; border-radius:50px; margin-top:6px; width:236px; border: none; cursor:pointer; background: url(../images/c5.png) no-repeat  center;}


.mainz{ width:1360px; height:auto; margin:0 auto; padding:20px 0px 60px 0px;;;}
.mainz h2{ font-size: 48px;line-height: 64px; width:100%; height:64px; text-align:center; color:#18191F; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} 
.mainz ul{ margin-top:50px;}
.mainz li{ width:310px; height:auto; float:left; margin-right:40px; margin-bottom:55px;background: #F3F3F3;transition: all 0.8s; border:1px solid #F3F3F3;box-sizing: border-box;box-shadow: 0px 4px 23px rgba(0, 0, 0, 0.1);}
.mainz li .prod1{background: #F3F3F3; width:100%; height:auto; }
.mainz li:nth-child(4n){ margin-right:0px;}
.mainz li img{ width:308px; height:216px;cursor: pointer;transition: all 1.2s;}
.mainz li img:hover{transform: scale(1.1);}
.mainz li h3{font-size: 18px; color:#333;line-height: 32px;transition: all 0.8s; width:90%; height:32px; margin:10px auto 5px auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.mainz li p{ width:90%; height:32px; line-height:32px; margin:0 auto; transition: all 0.8s;font-size:14px; color:#666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.mainz li span{ width:90%; height:32px;margin:0 auto 25px auto; line-height:32px;transition: all 0.8s;  font-size:14px; color:#666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; display:block;}
.mainz li:hover{box-shadow: 0px 8px 20px rgba(35, 117, 223, 0.2);border:1px solid #196FBA;}
.mainz li:hover  .prod1{ background:#196FBA;box-shadow: 0px 8px 20px rgba(35, 117, 223, 0.2);}
.mainz li:hover h3{ color:#fff;}
.mainz li:hover p{ color:#fff;}
.mainz li:hover span{ color:#fff;}

/*分页*/
#nx_pg{width:100%; height: auto ; padding:30px 0px 20px 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:#196FBA; color:#fff;border: 1px solid #196FBA;}
#nx_pg .on{ background:#196FBA; color:#fff;border: 1px solid #196FBA;}


.photz{ width:1360px; height: auto ; margin:0px auto;padding:40px 0px 60px 0px;}
.photz h4{ font-size: 48px;line-height: 64px; width:100%; height:64px; text-align:center; color:#18191F; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.photz ul{margin-top:50px;}
.photz li{ width:100%; margin-bottom:45px; height: auto; background:#fff;border:1px solid #f6f6f6;box-shadow: 0px 4px 23px rgba(0, 0, 0, 0.1);transition: all .9s;}
.photz li:hover{border: 1px solid #196FBA;box-shadow: 0px 8px 20px rgba(35, 117, 223, 0.2);}
.ct2_imgtd{ width:614px; height:345px; overflow:hidden; float:left; padding-right:25px;}

.ct2_imgtd img{width:614px; height:345px;cursor: pointer;transition: all 1.2s;}
.ct2_imgtd img:hover{transform: scale(1.1);}
.ct2_2td{ overflow:hidden; height:345px; padding:40px 20px 0px 0px;box-sizing: border-box;}
.ct2_2td span{ width:100%; padding:4px 0px 7px 0px;; color:#828282; display:block;}
.ct2_2td h2{ width:100%; font-size:18px; font-weight: ;  color:#333333; line-height:32px; margin-bottom:10px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;transition: all 0.6s;}
.ct2_2td .ct2fg{ width:100%; height:120px; line-height:30px; color:#828282; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4; overflow: hidden;}
.photz li a:hover .ct2_2td h2{ color:#196FBA;}
.ct2_2td .ct2fgg{ width:100%; height:30px; padding-top:10px; display:block; text-align:left; color:#F9AA2B;}
.ct2_2td span{ font-size:28px; color:#666; text-align:right;transition: all 1.2s;box-sizing: border-box; line-height:35px;}
.photz li:hover .ct2_2td span{ color:#196FBA; background:url(../images/a131.png) right center no-repeat; padding-right:45px;}

.bt3{ width:100%; font-size:34px; text-align:center; height:90px; padding-top:20px; color:#333; }
.bt3 span{ color:#7c7c7c;}
.p_content{ width:1360px; height:auto; padding:40px 120px 70px 120px;box-sizing: border-box;; margin:15px auto 40px; background:#fff;}

#info-T{width:100%;margin:0 auto; min-height:30px; padding-top:0px; padding-bottom:25px; line-height:30px; text-align: center; color:#333; font-size:18px; font-weight:bold;}
#info-M{width:100%;margin:0 auto; height:45px; line-height:45px; text-align:center; border-top:#e0e0e0 1px dotted;}
#info-C{width:100%;margin:0 auto; line-height:28px; margin-top:10px; font-size:14px;}

#info-C2{width:100%;margin:0 auto; line-height:28px; margin:0 auto; margin:10px 0px; font-size:14px; color:#828282;}
#info-N{width:100%;margin:0 auto; height:50px; padding-top:10px; line-height:28px; margin-top:20px; border-top:#e0e0e0 1px dotted;}

#info-C1{width:100%;margin:0 auto; 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;}

.fh{ width:1360px; height:auto; padding:40px 0px; margin:60px auto 80px auto; background:#fff;;}
.fh a{width: 240px;height: 52px;background: #FFFFFF;border: 1px solid #DEE2E6; text-align:center; line-height:52px;box-sizing: border-box;border-radius: 8px; display:block; margin:0 auto;}

.cont6 h4{ font-size: 48px;line-height: 64px; width:100%; height:64px; text-align:center; color:#18191F; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
 .pb1{ background:url(../images/c1.png) center no-repeat; background-size:cover;}
  .pb1:hover{ background:url(../images/c1_1.png) center no-repeat; background-size:cover;}
  .pb2{ background:url(../images/c2.png) center no-repeat;background-size:cover; }
  .pb2:hover{background:url(../images/c2_1.png) center no-repeat;background-size:cover;}
  .pb3{ background:url(../images/c3.png) center no-repeat;background-size:cover; }
  .pb3:hover{background:url(../images/c3_1.png) center no-repeat;background-size:cover;}
  .pb4{ background:url(../images/c4.png) center no-repeat;background-size:cover; }
   .pb4:hover{background:url(../images/c4_1.png) center no-repeat;background-size:cover;}

#photz1{ width:1360px; height: auto ; margin:0px auto;padding:40px 0px 60px 0px;}
#photz1 h4{ font-size: 48px;line-height: 64px; width:100%; height:64px; text-align:center; color:#18191F; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#photz1 ul{margin-top:50px;}
#photz1 li{ width:22%; height:auto; float:left; margin:0px 1.5% 50px 1.5%;border: 1px solid #666666;box-sizing: border-box; overflow:hidden;}
#photz1 li:hover{border: 1px solid #196FBA;box-sizing: border-box;box-shadow: 0px 8px 20px rgba(35, 117, 223, 0.2);}
#photz1 li img{ width:100%;cursor: pointer;transition: all 1.2s;}
#photz1 li img:hover{transform: scale(1.1);}

#photz2{ width:1360px; height: auto ; margin:0px auto;padding:40px 0px 60px 0px;}
#photz2 h4{ font-size: 48px;line-height: 64px; width:100%; height:64px; text-align:center; color:#18191F; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#photz2 ul{margin-top:50px;}
#photz2 li{ width:30.33%; height:auto; float:left; margin:0px 1.5% 50px 1.5%;border: 1px solid #666666;box-sizing: border-box; overflow:hidden;}
#photz2 li:hover{border: 1px solid #196FBA;box-sizing: border-box;box-shadow: 0px 8px 20px rgba(35, 117, 223, 0.2);}
#photz2 li img{ width:100%;cursor: pointer;transition: all 1.2s;}
#photz2 li img:hover{transform: scale(1.1);}





#photz4{ width:1360px; height: auto ; margin:0px auto;padding:40px 0px 60px 0px;}


#photz4 li{ width:22%; height:auto; float:left; margin:0px 1.5% 50px 1.5%;border: 1px solid #666666;box-sizing: border-box; overflow:hidden;}
#photz4 li:hover{border: 1px solid #196FBA;box-sizing: border-box;box-shadow: 0px 8px 20px rgba(35, 117, 223, 0.2);}
#photz4 li img{ width:100%;cursor: pointer;transition: all 1.2s;}
#photz4 li img:hover{transform: scale(1.1);}


.prdb{ width:100%; min-height:500px; padding-top:150px; padding-bottom:70px; background:#EDEDED url(../images/v1.png) top center no-repeat;}
/* 选项卡示例样式 */
.main3 {width: 1360px;margin:40px auto;}
.tab1 {overflow: hidden;width: 960px; margin:0 auto;;height: 100px; color:#fff;cursor: pointer;;}
.tab1 li {float: left;width:240px; height:100px;text-align: center; font-size:24px; }
.tab1 li p{ width:100%; font-size:14px; height:40px;background:url(../images/v2.png) center bottom no-repeat;}
.tab1 li.on p {background:url(../images/v3.png) center bottom  no-repeat; }
.con1 {width: 100%; height:auto; padding:50px 90px 50px 90px; background:#fff;box-sizing: border-box;}
.wary{ width:100%; height:auto; background:#EDEDED; margin-bottom:20px;}
.statw{ width:30%; float:left; font-size:24px; color:#333; text-indent:30px;padding:30px 0px 30px 30px; box-sizing: border-box;}
.state{ width:70%; float: right;background: #F4F4F4;padding:30px 20px 30px 20px;; box-sizing: border-box; }
.state a{ width:160px; height: auto ; float:left; margin-right:20px; display:block;}
.state a img{ width:160px; height:140px;}
.state a p{ width:160px; height:40px; background:#EDEDED; color:#333; text-align:center; line-height:40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.state a:hover p{ text-decoration:underline;}
.stad{ width:220px; height:180px; float:left; margin-right:20px; margin-bottom:20px;}
.stad img{ width:220px; height:180px;}


.catn1{ width:1360px; height:auto; margin:0 auto; padding-top:60px;padding-bottom:70px;}
.catn1 li{ width:23.5%; height:auto; float:left; margin-right:2%; margin-bottom:20px;}
.catn1 li:nth-child(6){ margin-right:0px;;}
.catn1 .cat11{ width:100%; height: auto;}
.catn1 .jon5{ width:150px; height:44px; margin:0 auto;}
.jon5 button{ display: block; width: 100%; height: 100%; border: none; outline: none; font-size:16px; text-align: center; line-height: 44px; color: #fff; background: #196FBA;border-radius:50px;}
.b4{width:100%; height:66px; line-height:66px; margin:0;box-sizing: border-box; background:#F4F4F4;box-sizing: border-box;  border-radius:5px; padding:0;border:#F4F4F4 1px solid; padding-left:5px;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; }
.b4:hover{border:#F4F4F4 1px solid; background-color:#F4F4F4; }
.b5{width:100%; height:120px; line-height:34px;border-radius:5px; margin:0; padding:0;box-sizing: border-box;border:#F4F4F4 1px solid; padding-left:5px;background:#F4F4F4;}
.b5:hover{border:#F4F4F4 1px solid; background-color:#F4F4F4;  }

.contact1{ width:1360px; height:auto; margin:60px auto; }
.contact1 li{ width:340px; height:auto; float:left; text-align:center; margin-right:170px; }
.contact1 li:nth-child(3){ margin-right:0px;;}
.contact1 li h3{ font-size: 14px; color:#999; width:100%; height:40px; line-height:40px;}
.contact1 li h2{ font-size:18px; color:#333; width:100%; height:60px; line-height:60px;}
.contact1 li p{ font-size:14px; color:#666; line-height:28px;}

.contact2{ width:1360px; height:auto; margin:60px auto 80px auto; }
.contact2 li{ width:330px; height:180px; padding:40px;background: #FFFFFF;box-shadow: 0px 4px 23px rgba(0, 0, 0, 0.1); float:left; background:#fff; margin-right:65px;}
.contact2 li:nth-child(3){ margin-right:0px;;}
.contact2 li h2{font-size: 18px; color:#333; height:35px;}
.contact2 li p{ color:#333; line-height:28px;}
.contact2 li span{ color:#666; line-height:25px; padding-top:24px; display:block;}

.catn1{ width:1360px; height:auto; margin:0 auto;}

.map{ width:1360px; height:auto; margin:0 auto; padding-bottom:65px;}
.map img{ width:100%;}

.suspension{position:fixed;z-index:55;right:0;bottom:285px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:64px;height:68px;cursor:pointer;outline:none;}
.suspension .a.active,

.suspension .a .i{float:left;width:64px;height:68px;background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:64px;height:68px;background-image: url(../images/cb1.png) ;background-repeat:no-repeat;}
.suspension .a-service .i:hover{background-image: url(../images/cb11.png) ;}
.suspension .a-service-phone .i{width:64px;height:68px;background-image:url(../images/cb2.png);background-repeat:no-repeat;}
.suspension .a-service-phone .i:hover{background-image: url(../images/cb22.png) ;}
.suspension .a-qrcode .i{width:64px;height:68px;background-image:url(../images/cb3.png);}
.suspension .a-qrcode .i:hover{background-image: url(../images/cb33.png) ;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{width:64px;height:68px;background-image:url(../images/cb4.png);}
.suspension .a-top{display:none;}
.suspension .a-top:hover{background-image:url(../images/cb44.png);}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:84px;width:220px; font-size:16px; color:#fff; text-align:center; line-height:40px;background-image:url(../images/cb5.png);position:absolute;right:70px;min-height:50px;border:0px solid #E0E1E5;border-radius:80px;}
.suspension .d-qrcode{top:78px;width:190px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}