@charset "utf-8";
/* CSS Document */
a,blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,html,img,input,label,legend,li,object,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;border:0;outline:0}
body{font:12px/1.5 'Helvetica Neue',Helvetica,Arial,'\5FAE\8F6F\96C5\9ED1','Microsoft YaHei',Tahoma,'Hiragino sans gb',SimSun,Sans-serif;color:#333;background-color:#f9f9f9}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}
:focus{outline:0}
ol,ul{list-style:none}
fieldset,img{border:0 none;vertical-align:top}
address,caption,cite,code,dfn,em,i,optgroup,th,var{font-style:normal;font-weight:400}
abbr,acronym{border:0;font-variant:normal}
button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
code,kbd,samp,tt{font-size:100%}
button,input,select,textarea{outline:0}
textarea{resize:none}
table{border-collapse:collapse;border-spacing:0}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
.fl{float:left}
.fr{float:right}
a{color:#333;text-decoration:none;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;transition:color .2s ease-in-out;-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}
a:hover{color:#00479d}
@media screen and (min-width:320px){blockquote,body,button,code,dd,div,dl,dt,fieldset,form,input,legend,lipre,ol,p,td,textarea,th,ul{font-size:16px;font-family:'微软雅黑'}
}

.content{ padding:0 10%; margin:0px auto;}

.news_box{ position:0 10%; margin:0px auto; position:relative;}

.header{width:100%;position:;top:0;left:0;z-index:999;height:100px;padding:0 30px; border-bottom:1px #ccc solid }
.header .left{ margin-top:20px;}
.header .left a img{-top:6px}
.header .left .img2{display:none}
.header .nav{-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;height:100%;line-height:100px;display:block}
.header .navbar_nav li{float:left;position:relative;display:block}
.header .navbar_nav li:after{content:"";width:0;height:2px;background:#0078d7;position:absolute;bottom:0;left:0;transition:all .5s ease 0s}
.header .navbar_nav li:hover:after{width:100%}
.header .navbar_nav li a{text-decoration:none;height:100%;padding:0 25px;display:block;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;color:#333;font-size:16px}
.header .navbar_nav li:hover a{color:#333}
.header .navbar_nav li.dropdown{display:inherit;position:relative}
.header .navbar_nav li.dropdown .jt{width:20px;height:20px;background:url(__TMPL__/public/assets/images/top.png) no-repeat;background-size:100% 100%;display:block}
.header .navbar_nav li.dropdown .dropdown_menu{display:none;position:absolute;top:100px;width:100%;background:rgba(0,120,215,0.6);box-shadow:0 15px 27px 0 rgba(167,165,165,.38);width:120%;left:-10%; z-index:9999}
.header .navbar_nav li.dropdown .dropdown_menu a{font-size:14px;color:#fff;padding:0 10px;line-height:40px;text-align:center; margin-bottom:2px}

.header .navbar_nav li.dropdown .menu{display:none;position:absolute;top:100px;width:100%;background:rgba(255,255,255,0.9);box-shadow:0 15px 27px 0 rgba(167,165,165,.38);width:120%;left:-10%}
.header .navbar_nav li.dropdown .menu a{font-size:14px;color:#000;padding:0 10px;line-height:40px;text-align:center; margin-bottom:2px}

.header .navbar_nav li.dropdown:hover .dropdown_menu{display:block;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s}
.header .navbar_nav li.dropdown:hover .dropdown_menu a{color:#fff}
.header .navbar_nav li.dropdown:hover .menu a{color:#000}
.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{color:#fff;background:#0093dd}
.header.on{background:#fff;border-bottom:1px solid #ccc; position:fixed}
/*.header.on .left .img1{display:none}
.header.on .left .img2{display:block}*/
.header.on .navbar_nav li a{color:#333}
.header.on .navbar_nav li:hover a{color:#ff4500}

.span{ float: right;
    color: #fff;
    font-size: 18px;
    margin-top: 30px; background:url(__TMPL__/public/assets/images/dh.png) no-repeat center left; display:inline-block;    padding-left: 39px; line-height:18px;}
	
.d_mobile{ float: right;
    color: #333;
    font-size: 18px;
    margin-top: 30px; background:url(__TMPL__/public/assets/images/dh1.png) no-repeat center left; display:inline-block;    padding-left: 39px; line-height:18px;}



#navToggle{display:none}
.m_nav{position:fixed;top:0;box-shadow:0 15px 27px 0 rgba(167,165,165,.38);width:100%;height:100%;background:#fff;transition:all ease .5s;-webkit-transition:all ease .5s;z-index:1000;opacity:1;visibility:visible;margin-top:0;overflow-y:auto;transition:all .6s cubic-bezier(.77,0,.175,1) 0s;top:0;transform:translateX(100%)}
.m_nav.open{transform:translateX(0)}
.m_nav .top{height:60px;padding:20px;box-sizing:border-box}
.m_nav .top .closed{width:30px;height:30px;vertical-align:middle;float:right;cursor:pointer}
.m_nav .logo{width:100%;margin:0 auto}
.m_nav .logo img{height:50px;display:block;margin:0px auto}
.m_nav .ul{margin-top:30px}
.m_nav .ul li{padding:0 20px;border-bottom:1px solid #f5f5f5;transform:translateY(0);-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0s;transition:all .6s cubic-bezier(.77,0,.175,1) 0s;opacity:0}
.m_nav.open .ul li{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.m_nav .ul li:nth-child(1){-webkit-transition:all .2s cubic-bezier(.77,0,.175,1) 0s;transition:all .2s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(2){-webkit-transition:all .4s cubic-bezier(.77,0,.175,1) 0s;transition:all .4s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(3){-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0s;transition:all .6s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(4){-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(5){-webkit-transition:all 1s cubic-bezier(.77,0,.175,1) 0s;transition:all 1s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(6){-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(7){-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(8){-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(9){-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(10){-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li a{display:block;text-decoration:none;color:#333;font-size:16px;height:50px;line-height:50px;width:100%}
.m_nav .ul li .dropdown_menu{display:none}
.m_nav .ul li.dropdown.active .dropdown_menu{display:block}
.m_nav .ul li .dropdown_menu a{display:block;height:50px;line-height:50px;padding:0 40px;box-sizing:border-box;border-bottom:1px solid #f5f5f5}
.m_nav .ul li .dropdown_menu a:last-child{border:none}







.banner{width:100%}
.banner img{width:100%}


.banner{width:100%; margin:0 auto;height:900px;position:relative;min-width:1200px}
.fullSlide{width:100%;position:relative;height:900px;background:#eee;margin:0 auto}
.fullSlide .md{margin:0 auto;position:relative;z-index:0;overflow:hidden}
.fullSlide .md ul{width:100%!important;margin:0;padding:0;list-style:none}
.fullSlide .md li{width:100%!important;height:900px;overflow:hidden;text-align:center}
.fullSlide .md li a{display:block;height:900px}
.fullSlide .hd{bottom:28px;height:10px;left:0;line-height:9999px;margin:0 auto;position:relative;width:1000px;z-index:1;overflow:hidden}
.fullSlide .hd ul{list-style:outside none none;margin:0 auto;padding:0;text-align:center}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;zoom:1;width:60px;margin:5px 2px;overflow:hidden;color:#fff;height:5px;background:#fff;font-size:12px;overflow:hidden;border-radius:10px}
.fullSlide .hd ul .on{background:#066dd1;color:#fff}



.pics_wrap{display:block}


.ys{width:100%;  position:relative; margin-bottom:60px;}

.hmc2Tnm{ font-size: 16px; line-height: 30px; text-align: center; position: absolute; left: 50%; top: 10%; z-index: 20; transform: translateX(-50%); color: #FFF; transition:all 0.5s ease-in-out; }
.hmc2Tnm strong{ font-size: 40px; font-weight:400;display: inline-block; line-height: 68px; }
.hmc2Itms{display:block; width:100%; height:100%;}
.hmc2Itms li{width:14.28%; height:100%; float:left; background:#000;} 
.hmc2aBox{display:block;position:relative; height:100%;}
.hmc2aBg{ background-color:#c7b381; background-size:cover; background-position:center bottom; transition:all 0.5s ease-in-out; opacity:0.6; position:absolute; left:0; top:0; height:100%; width:100%; }
.hmc2aBox:hover .hmc2aBg{opacity:1;}
.hmc2Tnm2{color:#333;}
.hmc2ItmBox{ height: 278px; width: 100%; margin-top: -138px; padding: 0px 15px; color: #FFF; position: absolute; left: 0px; top: 80%; text-align: center; transition:all 0.5s ease-in-out; }
.hmc2Icon {  display: inline-block; height: 100px; width: 100px; position: relative; margin-bottom: 30px; margin:0px auto; }
.hmc2Itms li:last-child{ display:none;}




.hmc2ItmBox strong { display: block; font-size: 24px; line-height: 46px; font-weight: normal; overflow: hidden; height: 46px; }
.hmc2_et { font-size: 12px; line-height: 16px; height: 32px; margin: 4px 0px 8px; }
.hmc2_des { font-size: 16px; line-height: 24px; height: 48px; padding:0 30px; }
.hmc2aBox:hover .hmc2ItmBox:after{background:#fff;}
.hmc2aBox:hover .hmc2ItmBox{color:#333; transform:translateY(-60px);}
@media (max-width:1599px){
.hmc2ItmBox{margin-top:-58px;}
.hmc2ItmBox strong{font-size:24px;}
.hmc2_des{font-size:13px;}
.hmc2Tnm strong{font-size:36px;}
}
@media (max-width:750px){
.hmc2Tnm{position:static; text-align:center; transform:translateX(0)}
.hmPage2 {padding-top:50px;}
.hmc2Itms li{width:50%; height:280px; border:2px #ffff solid; box-sizing:border-box; overflow:hidden;}
.hmc2aBox:hover .hmc2ItmBox{transform:translateY(0px);color:#fff;}
.hmc2aBox:hover .hmc2aBg{opacity:0;}
.hmc2aBox:hover .hmc2Icon:before{opacity:0;}
.hmc2aBox:hover .hmc2ItmBox:after{background:#C7B37B;}
.hmc2Itms li:last-child{ display:block;}
.hmc2ItmBox{top:0;margin-top:0;}
.hmc2Tnm{ display:none;}
.hmc2Itms{margin-top:30px;}
.hmc2Tnm strong{font-size:26px; line-height:48px;}
.hmc2Icon{margin-bottom:10px; margin-top:15%}
.hmc2ItmBox strong{font-size:0.25rem;}
.hmc2aBg{opacity:0.3;}
}

@media (max-width:45px){
.hmc2Icon{margin-bottom:10px; margin-top:30%}


}











.product-number-info{position:relative}
.product-number-info .product-number-inner{margin:0 auto}
.product-number-info ul{padding:85px 0 50px}
.q{zoom:1}
.product-number-info li{float:left;width:25%;height:90px;color:#00479d;padding-top:1px}
.product-number-info li:first-child{border:none}
.product-number-info li b{font-weight:400;font-size:36px;line-height:1;display:inline-block;position:relative;margin:0px 0 10px}
.product-number-info li div{float:left; margin-top:15px; margin-right:10px;}
.product-number-info li span{ overflow:hidden;}
.product-number-info li p{font-size:18px}
.product-number-info li b i{font-style:normal; font-family:Impact; font-size:45px;}
.product-number-info li b sup{position:absolute;font-size:20px;right:-26px;top:-3px}

.product-number-info li.li-5{text-align:right}
.product-number-info li:nth-child(2){width:15%; margin-left:7% }
.product-number-info li:nth-child(3){width:15%; margin-left:13% }
.product-number-info li:nth-child(4){width:11%; float:right;}




.about{width:100%; overflow:hidden; background:url(../images/aboutbj.jpg) no-repeat; background-size:cover; padding-bottom:50px;}


.le1{width:50%;float:right;overflow:hidden; margin-top:30px;}
.le1 img{width:100%;height:100%;}

.le2{overflow:hidden;margin-top:30px;}
.le2 h3{font-size:30px;color:#fff; padding-bottom:10px; text-align:left; margin-top:24px; font-weight:600;}

.le2 i{font-size:16px;px;color:#666;   font-style:normal; text-align:left; font-weight:normal;  }
.le2-sub{  color: #fff;   text-align:center;   overflow: hidden; line-height: 30px;   font-size: 15px;  margin: 14px 0 0; overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 11; font-size:16px;}

.le2-sub1{font-size:16px;height:52px; line-height:52px;color:#fff;text-align:center;border:1px #fff solid;  width:200px; border-radius:30px; margin:20px auto;}
.le2-sub1:hover{ background:#fff;color:#0055bd; }






	
	
.owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init*/
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y; margin-top:4%}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%; z-index:99}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left; border: 15px rgba(0,0,0,0) solid;
    box-sizing: border-box;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon*/
.grabbing{cursor:url(../images/grabbing.png) 8 8, move;}
/* fix*/
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}



/*
*Owl Carousel Owl Demo Theme
*www.mycodes.net
*/
.owl-theme .owl-controls{margin-top: 6%;text-align: center;}
/* Styling Next and Prev buttons*/
.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/margin: 5px;padding: 3px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;background: #869791;filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5; background:url(../images/sgqs_41.png) no-repeat;}
.owl-theme .owl-controls .owl-buttons div.owl-next{color: #FFF;display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/margin: 5px;padding: 3px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;background: #869791;filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5; background:url(../images/rjian.png) no-repeat;}
/* Clickable class fix problem with hover on touch devices*//* Use it for non-touch hover action*/
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/}
.owl-theme .owl-controls .owl-page span{display: block;width: 12px;height: 12px;margin: 5px 7px;filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #869791;}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;}
/* If PaginationNumbers is true*/
.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
/* preloading images*/
.owl-item.loading{min-height: 150px;background: url(../images/AjaxLoader.gif) no-repeat center center}

.owl-demo .item{ position:relative; background:#fff; padding: 15px;}
.owl-demo .item img{display: block;width: 100%;height: auto; opacity:1}
	
.owl-demo .item  div.datu{ width:100%; height:100%; position:relative; }
.owl-demo .item  div.datu img{width:100%; height:100%;}
.owl-demo .item  div.datu dl{width:100%; height:100%; display:block; background:rgba(0,0,0,0.5); position:absolute; top:-120%; z-index:9; transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out; }
.owl-demo .item  div.datu dl span{display:block; width:60px; height:60px; border-radius:50%; margin:105px auto 0; background:#66c7ce; line-height:60px; text-align:center; color:#fff; font-size:24px;}
.owl-demo .item  div.text{ padding:10px; position:relative; z-index:99}
.owl-demo .item  h3{font-size:16px;  text-align:center; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-top:10px; color:#333; text-decoration:underline;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out; font-weight:400;}	
.owl-demo .item  div p{ line-height:28px; height:28px; font-size:15px; color:#666; margin: 2% 0;  overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-align:left;}	
.owl-demo .item  div dd{ height:36px; line-height:36px; border-radius:30px; font-size:16px; color:#f96868}	
	
.owl-demo .item:hover h3{ color:#fff;}	
.owl-demo .item:hover{background:#2c6fbd; transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out; }	
.owl-demo .item:hover p,.owl-demo .item:hover div dd{ color:#fff;}	
	
.owl-demo .item  a{ color:#fff; display:block; }
.owl-demo .item  a h3{text-decoration:none;}	
.owl-demo .item  dd a:hover  { background:#0374c3;}		
	/*.owl-buttons{ display:none;}*/
.owl-buttons{     position: absolute;
    top: 34%;
    width: 105%;
    margin-left: -42px;
}	
.owl-prev{float:left; width: 30px; height: 60px;}
.owl-next{float:right; width: 30px; height: 60px;}
.owl-pagination{ display:none;}









.fanhui{background:#333333;text-align:center;color:#fff;padding:2% 0;margin:0% 0 0%;font-size:.25rem; display:none}
.fanhui a{color:#fff}
.fanhui:before{content:"▲";font-size:.25rem}








.title{ border-bottom:1px #ccc solid; height:60px; line-height:60px; font-size:40px; color:#00479d; margin-top:50px; }
.title i{ font-size:14px; color:#666;}
.title span{float:right; font-size:18px;}
.title span a{margin-left: 15px;}
.title span a.osel{font-weight:600; color:#00479d;}

.title1{overflow:hidden;margin:50px auto 20px;   text-align:center; }
.title1 h3{font-size:36px;text-align:center;color:#fff}
.title1 i{font-size:13px;color:#fff;margin:7px 0;display:block;font-style:normal;text-transform:uppercase; font-weight:400;}
.title1 i::after{content:"——————";margin-left:10px}
.title1 i::before{content:"——————";margin-right:10px}
.title1 span{color:#006cd8;}
.title1 b{color:#333}
.title2{overflow:hidden;margin:50px auto 20px;   text-align:center; }
.title2 h3{font-size:36px;text-align:center;color:#333}
.title2 i{font-size:13px;color:#333;margin:7px 0;display:block;font-style:normal;text-transform:uppercase; font-weight:400;}
.title2 i::after{content:"——————";margin-left:10px}
.title2 i::before{content:"——————";margin-right:10px}
.title2 span{color:#006cd8;}
.title2 b{color:#333}




.pic_nav{overflow:hidden;line-height:70px;text-align:center; margin-bottom:30px;}
.pic_nav a{overflow:hidden;border:1px #0078d7 solid;text-align:center;font-size:18px;padding:1% 3%;margin:0 5px; background:#ffffff; border-radius:8px;}
.pic_nav a:hover{color:#fff;background:#0078d7 ;}
.pic_nav a.osel{color:#fff;background:#0078d7 ;}

.pic_tynav{overflow:hidden;line-height:70px;text-align:center; margin-bottom:30px; margin-top:20px;}
.pic_tynav a{overflow:hidden;border:1px #0078d7 solid;text-align:center;font-size:18px;padding:1% 3%;margin:0 5px; background:#ffffff; border-radius:8px;}
.pic_tynav a:hover{color:#fff;background:#0078d7 ;}
.pic_tynav a.cor{color:#fff;background:#0078d7 ;}


.pic_tynav1{overflow:hidden;line-height:70px;text-align:center; margin:20px auto; display:none;}
.pic_tynav1 a{overflow:hidden; width:50%; line-height:40px; text-align:center;font-size:18px; background:#f1f1f1; display:block; float:left; border:3px #fff solid; box-sizing:border-box; }
.pic_tynav1 a:hover{color:#fff;background:#00479d }
.pic_tynav1 a.cor{color:#fff;background:#00479d }
.pic_tynav1 a:nth-child(n+3){width:33.3333%}

.news{  width:100%;background:#fff;  overflow:hidden; margin-bottom:50px;}
.news ul { overflow:hidden;}
.news ul li{ width:25%; float:left; border:8px #fff solid; box-sizing:border-box; overflow:hidden; position:relative;  padding-bottom: 50px;}
.news ul li dl{ overflow:hidden; color:#999}
.news ul li dl dd{ overflow:hidden; font-size:50px;}
.news ul li dl dt{ overflow:hidden; font-size:16px;}
.news ul li h3{ font-size:16px; font-weight:600;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; height:40px; line-height:40px;   }
.news ul li p{ font-size:15px ; height:75px; line-height:25px; font-size:14px; overflow: hidden;-webkit-line-clamp: 3; -webkit-box-orient: vertical;display: -webkit-box; color:#666; margin-top:10px;}
.news ul li div{ width:100%; overflow:hidden; height:100%;}
.news ul li:after{position:absolute; display:block; content:url(../images/jt.png); bottom:0px; left:0px;}
.news ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.news ul li:hover div img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.news ul li:hover a dl,.news ul li:hover a h3{ color:#0078d7;}
.news ul li:hover:after{ display:block; content:url(../images/jt1.png);}



.news_lb{ overflow:hidden;}
.news_lb ul{ overflow:hidden;}
.news_lb ul li{ margin-bottom:30px; overflow:hidden;}
.news_lb ul li div{ width:300px;  float:left; overflow:hidden; margin:0 30px 0 0;}
.news_lb ul li span{ overflow:hidden;}
.news_lb ul li span h3{ font-size:20px; line-height:70px; font-weight:600; overflow:hidden;white-space: nowrap;overflow: hidden; text-overflow: ellipsis; border-bottom:1px #ccc solid; }
.news_lb ul li span p{ height:100px; line-height:32px; font-size:15px; color:#666; overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 3;  margin-top:15px; margin-right:15px;}
.news_lb ul li span h3 dd{ line-height:70px;font-size:13px; color:#999; float:right; font-weight:400; margin-right:15px;}

.news_lb ul li div img{width:100%; height:100%;}

.news_lb ul li:hover{ background:#0078d7}
.news_lb ul li:hover a h3{ color:#fff; border-bottom:1px #fff solid;}
.news_lb ul li:hover a h3 dd{ color:#fff;}
.news_lb ul li:hover a p{color:#fff;}


.news_left{width:45%; float:left; overflow:hidden; margin-top:50px; background:#00479d}
.news_right{ width:53%; float:right; margin-top:50px;}
.news_right ul{ overflow:hidden; padding-top:10px;}
.news_right ul li{       margin: 0 14px 16px 0;
    float: left;
    padding: 12px 12px 24px; box-sizing:border-box;
    border: 1px #ccc solid;
    overflow: hidden;
    width: 49%;transition:transform 0.4s; -moz-transition:transform 0.4s; -ms-transition:transform 0.4s; -o-transition:transform 0.4s; -webkit-transition:transform 0.4s;
}
.news_right ul li:hover{transform:translate(0,-10px); -moz-transform:translate(0,-10px); -ms-transform:translate(0,-10px); -o-transform:translate(0,-10px); -webkit-transform:translate(0,-10px);transition:transform 0.4s; -moz-transition:transform 0.4s; -ms-transition:transform 0.4s; -o-transition:transform 0.4s; -webkit-transition:transform 0.4s;}


 .news_right ul li dl{border-bottom:1px #ccc solid; overflow:hidden; background:url(../images/news1.png) no-repeat center right ; padding-bottom:20px;} 
  .news_right ul li dl dd{font-size:30px; color:#00479d; width:80px; height:45px; line-height:60px; text-align:center; display:block; font-weight:600;}

 .news_right ul li dl dt{font-size:14px; color:#666; height:24px; line-height:24px; width:80px;text-align:center; display:block}
 .news_right ul li  h3{ height:40px; line-height:40px; font-size:18px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;    margin: 0px auto;}  
 .news_right ul li  p { height:50px; line-height:25px; font-size:14px; overflow: hidden;
-webkit-line-clamp: 2; 
-webkit-box-orient: vertical;
display: -webkit-box;} 
 .news_right ul li:nth-child(2n){margin-right:0px;}   
   
.news_right ul li  a h3{ color:#000;} 
.news_right ul li  a p{ color:#666;} 
.news_right ul li  a:hover h3{ color:#00479d;} 
 
  
.hiSlider-pages,.hiSlider-title{position:absolute;z-index:3}
.hiSlider-btn-next,.hiSlider-btn-prev{position:absolute;z-index:5;top:50%;height:30px;width:30px;margin-top:-15px;text-indent:-200px;overflow:hidden;opacity:.6}
.hiSlider-btn-prev{left:10px}
.hiSlider-btn-next{right:10px;background-position:-30px 0}
.hiSlider-btn-next:hover,.hiSlider-btn-prev:hover{opacity:1}
.hiSlider-title{bottom:0;width:100%;padding:6px 0;color:#fff;text-indent:10px;background:rgba(0,0,0,.6);z-index:2;font:14px/2 "Microsoft YaHei",Arial,Tahoma}
.hiSlider-pages{bottom:10px;right:10px;text-align:right}
.hiSlider-pages a{height:12px;width:12px;margin:0 6px;display:inline-block;overflow:hidden;text-indent:-100px;font-size:0;border-radius:50%;background:#ddd}
.hiSlider-pages a.active{background:#5472bf}
.hiSlider img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.hiSlider:hover img{ opacity:0.7}


.flickerplate{position:relative;width:100%;height:900px;background-color:#e6e6e6;overflow:hidden}
.flickerplate ul.flicks{width:10000%;height:100%;padding:0;margin:0;list-style:none}
.flickerplate ul.flicks>li{float:left;width:1%;height:100%;background-position:center;background-size:cover;display:table}
.flickerplate ul.flicks>li .flick-inner{height:100%;color:#fff;display:table-cell;vertical-align:middle}
.flickerplate ul.flicks>li .flick-inner img{width:100%;margin:0;padding:0}
.flickerplate ul.flicks>li .flick-inner .flick-content{max-width:68.75em;margin-left:auto;margin-right:auto}
.flickerplate ul.flicks>li .flick-title{padding:0 0;font-size:2.778em;line-height:1.995em;text-align:center}
@media only screen and (max-width:43.813em){.flickerplate ul.flicks>li .flick-title{font-size:1.667em}
}
.flickerplate ul.flicks>li .flick-sub-text{padding:5px;font-weight:300;line-height:2.5em;color:rgba(255,255,255,.8);text-align:center}
.flickerplate ul.flicks>li .flick-sub-text span.flick-block-text,.flickerplate ul.flicks>li .flick-title span.flick-block-text{padding:12px 18px;background-color:rgba(0,0,0,.6)}
.flickerplate .arrow-navigation{position:absolute;height:80%;width:10%;top:10%;z-index:100;overflow:hidden}
.flickerplate .arrow-navigation .arrow{display:block;height:100%;width:90%;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-ms-transition:all .2s ease-out;transition:all .2s ease-out}
.flickerplate .arrow-navigation .arrow:hover,.flickerplate .arrow-navigation:hover{cursor:pointer}
.flickerplate .arrow-navigation.left{left:0}
.flickerplate .arrow-navigation.left .arrow{opacity:0;margin:0 0 0 50%;background-repeat:no-repeat;background-position:left}
.flickerplate .arrow-navigation.right{right:0}
.flickerplate .arrow-navigation.right .arrow{opacity:0;margin:0 0 0 -50%;background-repeat:no-repeat;background-position:right}
.flickerplate .arrow-navigation.left.hover .arrow{opacity:1;margin:0 0 0 20%}
.flickerplate .arrow-navigation.right.hover .arrow{opacity:1;margin:0 0 0 -20%}
.flickerplate .dot-navigation{position:absolute;bottom:15px;width:100%;text-align:center;z-index:100}
.flickerplate .dot-navigation ul{text-align:center;list-style:none;padding:0 15px}
.flickerplate .dot-navigation ul li{display:inline-block;float:none}
.flickerplate .dot-navigation .dot{width:14px;height:14px;margin:0 6px;background-color:rgba(255,255,255,.3);border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-webkit-transition:background-color .2s ease-out;-moz-transition:background-color .2s ease-out;-o-transition:background-color .2s ease-out;-ms-transition:background-color .2s ease-out;transition:background-color .2s ease-out}
.flickerplate .dot-navigation .dot:hover{cursor:pointer;background-color:rgba(255,255,255,.6)}
.flickerplate .dot-navigation .dot.active{background-color:#fff}
.flickerplate .dot-navigation.left,.flickerplate .dot-navigation.left ul{text-align:left}
.flickerplate .dot-navigation.right,.flickerplate .dot-navigation.right ul{text-align:right}
.flickerplate.flicker-theme-dark .arrow-navigation.left .arrow{background-image:url(../img/flickerplate/arrow-left-dark.png)}
.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow{background-image:url(../img/flickerplate/arrow-right-dark.png)}
.flickerplate.flicker-theme-dark .dot-navigation .dot{background-color:rgba(0,0,0,.12)}
.flickerplate.flicker-theme-dark .dot-navigation .dot:hover{background-color:rgba(0,0,0,.6)}
.flickerplate.flicker-theme-dark .dot-navigation .dot.active{background-color:#000}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner{color:rgba(0,0,0,.9)}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text{color:rgba(0,0,0,.9)}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text span.flick-block-text,.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-title span.flick-block-text{background-color:rgba(255,255,255,.5)}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner{color:rgba(0,0,0,.9)}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text{color:rgba(0,0,0,.9)}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text span.flick-block-text,.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-title span.flick-block-text{background-color:rgba(255,255,255,.5)}
.flickerplate.animate-transform-slide ul.flicks{-webkit-perspective:1000;-webkit-backface-visibility:hidden;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-webkit-transition:-webkit-transform .6s;-o-transition:-o-transform .6s;-moz-transition:-moz-transform .6s;transition:transform .6s}
.flickerplate.animate-transition-slide ul.flicks{position:relative;left:0;-webkit-transition:left .4s ease-out;-moz-transition:left .4s ease-out;-o-transition:left .4s ease-out;-ms-transition:left .4s ease-out;transition:left .4s ease-out}
.flickerplate.animate-jquery-slide ul.flicks{position:relative;left:0}
.flickerplate.animate-scroller-slide{padding-bottom:0;overflow:auto}
.flickerplate.animate-scroller-slide ul.flicks{position:auto}
.flickerplate_dpq{position:relative;width:100%;height:auto;background-color:#e6e6e6;overflow:hidden;display:none}





.anli_lb{overflow:hidden}
.anli_lb ul{overflow:hidden;margin:15px auto 0}
.anli_lb ul li{width:25%;float:left;overflow:hidden; border:8px #fff solid; box-sizing:border-box;}
.anli_lb ul li div{overflow:hidden;width:100%;}

.anli_lb ul li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:40px;line-height:40px;font-size:16px;text-align:center}
.anli_lb ul li a:hover p{color:#000; background:#2b6ebc}
.anli_lb ul li:nth-child(5n){margin-right:0}
.anli_lb ul li div img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%}
.anli_lb ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.anli_lb ul li:hover a p{color:#fff;}


.anli_box{overflow:hidden}
.anli_box ul{overflow:hidden;margin:15px auto 0}
.anli_box ul li{width:25%;float:left;overflow:hidden; border:8px #fff solid; box-sizing:border-box;}
.anli_box ul li div{overflow:hidden;width:100%;}

.anli_box ul li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:40px;line-height:40px;font-size:16px;text-align:center}
.anli_box ul li a:hover p{color:#000; background:#2b6ebc}
.anli_box ul li:nth-child(5n){margin-right:0}
.anli_box ul li div img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%}
.anli_box ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.anli_box ul li:hover a p{color:#fff;}




.picbj{ overflow:hidden; background:url(../images/picbj.jpg) repeat; background-size:cover; width:100%; margin:50px auto 0 ; padding-bottom:60px; }



.pic{ overflow:hidden;}
.pic ul{ overflow:hidden;}
.pic ul li{ overflow:hidden; width:25%; box-sizing:border-box; border:5px rgba(0,0,0,0) solid; float:left; position:relative;}
.pic ul li div{ overflow:hidden; background:rgba(0,71,157,0.6); width:100%; height:100%; position:absolute; bottom:-100%; left:0px; text-align:center;transition:all ease .5s;-webkit-transition:all ease .5s;}
.pic ul li div dl{ margin:25% auto 0; color:#fff;}
.pic ul li div dl dd{ padding:0 20px; height:70px; font-size:20px; line-height:70px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-weight:400;}
.pic ul li div dl dt{ padding:12px 30px; font-size:14px; border:1px #ccc solid; display:inline-block; font-weight:400;  }
.pic ul li div dl dt:before{ content:url(../images/fdj.png); float:left; margin-top:-2px; }
.pic ul li:hover div{bottom:0%;transition:all ease .5s;-webkit-transition:all ease .5s; }
.pic ul li img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.pic ul li:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.pic ul li p{ display:none; text-align:center;}
.pic ul li a div dl dd,.pic ul li a div dl dt{ color:#fff;}




.pic_lb{ overflow:hidden;}
.pic_lb ul{ overflow:hidden;}
.pic_lb ul li{ overflow:hidden; width:33.33333%; box-sizing:border-box; border:10px rgba(0,0,0,0) solid; float:left; position:relative;}
.pic_lb ul li div{ overflow:hidden; width:100%; height:100%;}
.pic_lb ul li dd{ padding:0 20px; height:50px; font-size:20px; line-height:50px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-weight:400; text-align:center;}
.pic_lb ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.pic_lb ul li:hover  div img{-webkit-transform:scale(1.1);transform:scale(1.1)}


.rongyu{ overflow:hidden;}
.rongyu ul{ overflow:hidden;}
.rongyu ul li{ overflow:hidden; width:25%; box-sizing:border-box; border:10px rgba(0,0,0,0) solid; float:left; position:relative;}
.rongyu ul li div{ overflow:hidden; width:100%; height:100%;}
.rongyu ul li dd{ padding:0 20px; height:50px; font-size:20px; line-height:50px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-weight:400; text-align:center;}
.rongyu ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.rongyu ul li:hover  div img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.ditu,.map{ height:400px;}

.gengduo{ width:200px; height:50px; background:#0078d7; text-align:center;  margin:15px auto ; line-height:50px; border-radius:5px; display:none; }
.gengduo a{color:#fff; display:block; font-size:16px;}

.gengduo:hover a{ color:#fff;}



.gengduo1{ width:200px; height:50px; border:1px #fff solid;; text-align:center;  margin:15px auto ; line-height:50px; border-radius:5px; }
.gengduo1 a{color:#fff; display:block; font-size:16px;}
.gengduo1:hover{background:#fff;}
.gengduo1:hover a{ color:#00479d;}


.main{max-width:1200px;margin:0 auto;padding:40px 0}

.w-accor{overflow:hidden;position:relative}
.w-accor li,.w-accor ul{padding:0;margin:0;list-style:none}
.w-accor ul{width:101%}
.w-accor li{position:relative;overflow:hidden;float:left}
.accorClick li{cursor:pointer}
.w-accor li .item{position:relative}
.w-accor li>a{display:block;position:absolute;left:0;right:0;top:0;bottom:0}
.w-accor h3{font-size:125%;margin:0;padding:0;font-weight:400}
.w-accor .acr_p{margin-top:.5em; color:#fff;}
.w-accor0 li img{max-width:100%}
.w-accor4 li img{max-width:100%}
.w-accor4 li .i_text{font-size:30px; line-height:30px; color:#fff; text-align:center;}
.w-accor4 li .i_text p{ font-size:14px; color:#fff;}
.w-accor4 li .cont_ar{color:#fff;position:absolute;left:0;top:0;bottom:0;right:0}
.w-accor4 li .cont_ar:before{content:'';position:absolute;left:0;top:0;bottom:0;right:0;transition:all .5s;-webkit-transition:all .5s; }
.w-accor4 li h3{text-align:left; font-size:20px; line-height:1.5;position:absolute;z-index:1;left:13%;margin-left:-.6em;top:20%;transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:opacity .5s;-webkit-transition:opacity .5s}
.w-accor4 li h3 p{ font-size:14px; color:#fff;}
/*.w-accor4 li:after{content:"+"; font-family:"serif","宋体"; font-size:60px; color:#fff; position:absolute;     bottom: -20px; left: 20px;transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:opacity .5s;-webkit-transition:opacity .5s；}*/
.w-accor4 li:hover:after{transition:opacity .5s;-webkit-transition:opacity .5s;transform:translateY(-50%);-webkit-transform:translateY(-50%); opacity:0;}

.w-accor4 li .dec_ar{line-height:1.7;max-height:100%;position:absolute;z-index:1;left:40px;right:40px;top:50%;transform:translateY(-50%) scale(0);-webkit-transform:translateY(-50%) scale(0);padding:30px;color:#222;opacity:0;transition:all .5s;-webkit-transition:all .5s}
:root .w-accor4 li .dec_ar{top:50%}
.w-accor4 li .i_img{text-align:center;margin-bottom:1em}
.w-accor4 li .i_img img{max-width:80%;max-height:80px}
.w-accor4 li.cur .cont_ar:before{background:rgba(0,71,157,0.7)}
.w-accor4 li.cur h3{opacity:0}
.w-accor4 li.cur .dec_ar{opacity:1;transform:translateY(-50%) scale(1);-webkit-transform:translateY(-50%) scale(1);transition-delay:.3s;-webkit-transition-delay:.3s; }

@media(max-width:960px){.w-accor h3{font-size:110%}
.w-accor .acr_p{font-size:90%}

.w-accor4 li .img_ar{height:350px!important}
.w-accor4 li .img_ar img{height:100%;max-width:inherit }


}
@media(max-width:767px){
.w-accor4 li .dec_ar{left:20px;right:20px;padding:15px}

}
@media(max-width:640px){
}
@media(max-width:480px){body{font-size:3.5vw}

.w-accor4 li .dec_ar{left:1em;right:1em;padding:1em}
.w-accor4 li .img_ar{height:20em!important}
.w-accor4 li .i_img img{max-height:3em}

}



.pic_hezuo{ overflow:hidden; display:none; }
.pic_hezuo ul{ overflow:hidden; }
.pic_hezuo ul li{ width:20%; border:1px #fff solid; box-sizing:border-box; position:relative; overflow:hidden; float:left; }
.pic_hezuo ul li div{ width:100%; height:100%; position:absolute; top:0px; left:0px;}
.pic_hezuo ul li div h3{ color:#fff; font-size:0.3rem; overflow:hidden; padding:20px; }
.pic_hezuo ul li div h3 p{ font-size:14px; color:#fff;}
/*.hezuo ul li:after{content:"+"; font-family:"serif","宋体"; font-size:60px; color:#fff; position:absolute;     bottom: -20px; left: 20px;transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:opacity .5s;-webkit-transition:opacity .5s;}*/
.pic_hezuo ul li:nth-child(1){ width:100%;}
.pic_hezuo ul li img{width:100%; height:100%;}



.hezuo{ overflow:hidden; margin-top:40px; }
.hezuo ul{ overflow:hidden; }
.hezuo ul li{ width:20%; box-sizing:border-box; position:relative; overflow:hidden; float:left; }
.hezuo ul li img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.hezuo ul li:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}




.m_xiaomu{ overflow:hidden; margin:50px auto }
.m_xiaomu ul{  overflow:hidden;}
.m_xiaomu ul li{ width:50%; float:left; border:5px rgba(0,0,0,0) solid; box-sizing:border-box;  overflow:hidden; position:relative;}
.m_xiaomu ul li div{position:absolute; top:0px; left:0px; width:100%; height:100%;}
.m_xiaomu ul li div h3{overflow:hidden; font-size:24px; color:#fff; padding:40px;}
.m_xiaomu ul li img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.m_xiaomu ul li:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.m_xiaomu ul li div h3 img{width:50px; height:50px; float:right; display:inline-block;}
.m_xiaomu ul li div  p{ overflow: hidden;
    line-height: 30px;
    color: #fff;
    font-size: 18px;
    position: absolute;
    bottom: 0px;
    left: -15px;
    margin: 40px;
    height: 64px;
    padding-right: 119px;
   width:90%;
	transition:all .5s;-webkit-transition:all .5s; 
	}
.m_xiaomu ul li div  p:after{content:url(../images/jtt.png); position: absolute; top: 31px; right: 0px;}


.bottom{ background:#f8f8f8; padding-top:30px; margin:0px auto}
.contact{ overflow:hidden;}
.contact ul  { overflow:hidden;}
.contact ul li{ width:31.33333%; float:left; margin:1%; height:100px; overflow:hidden; border:1px #ccc solid; padding:2% 0}
.contact ul li img{ float:left; margin-left:20%; margin-right:10px; margin-top:-8px; display:block}
.rwm{ width:380px; overflow:hidden; margin:60px auto;}




.footer{ overflow:hidden; background:#3e3e3e; background-size:cover; text-align:center; color:#fff ; line-height:28px; padding:30px 0}




.f_nav{ overflow:hidden; color:#fff; margin:40px auto 0;}
.f_nav a{color:#fff;}

.f_nav ul{ overflow:hidden;}
.f_nav ul li{ float:left; overflow:hidden; margin-right:15px; width:7%;} 
.f_nav ul li h3{ font-size:16px;}
.f_nav ul li dd{ font-size:14px; margin:5px 0}
.f_nav ul li h3 a,.f_nav ul li dd a{transition:all .5s;-webkit-transition:all .5s; }
.f_nav ul li h3 a:hover,.f_nav ul li dd a:hover{padding-left:10px; transition:all .5s;-webkit-transition:all .5s; color:#22b8fd }
.f_nav ul li:nth-child(8) {width:25%;}
.f_nav ul li:last-child{ float:right; width:auto}
.f_nav ul li p{ line-height:30px;}


.links{border-top:1px #ccc solid; overflow:hidden; margin-top:30px; color:#ccc; padding:10px 0;}

.links a{ color:#ccc; margin:5px 0;} 
.links a:after{ content:url(../images/xw.png); margin:0 8px;}
.links a:last-child:after{ content:""; display:none;}


.buttom{background:#0078d7;bottom:0;margin:0 auto;max-width:750px;min-width:320px;position:fixed;width:100%;z-index:9999; display:none}
.buttom ul{overflow:hidden}
.buttom ul li{color:#fff;float:left;width:25%;padding:3% 0;border-right:1px #fff solid;box-sizing:border-box}
.buttom ul li .sy{overflow:hidden;text-align:center;vertical-align:middle;width:50%;margin:0 auto}
.buttom ul li p{font-size:.2rem;overflow:hidden;text-align:center}
.buttom ul li a{color:#fff}
.buttom ul li .sy img{width:80%}


.n_banner{width:100%;overflow:hidden;position:relative}
.n_banner img{width:100%;height:100%}
.ban{ width:100%; height:100%; position:absolute; top:0px;}
.ban p{ font-size:0.3rem; font-weight:600; color:#fff;  background:rgba(0,71,156,0.6); display:inline-block; padding:30px 100px 30px 30px ; position:absolute; bottom:20%;}
.ban p i{ font-size:0.18rem; font-weight:400; color:#fff; display:block; text-transform:uppercase;}
.ban p i:before{content:"——"; color:#fff; display:block;}

.allmap{border:3px #ccc solid;height:400px;margin-top:50px}
.pro{ margin:50px auto 0; overflow:hidden; }


.mbx{width:100%;height:62px;border-bottom:1px solid #eaeaea;max-width:1920px;margin:0 auto;position:relative;}
.mbx a.home{display:block;width:64px;height:62px;border-left:1px solid #eaeaea;border-right:1px solid #eaeaea;background:url(../images/InpageAddress_icon01.png) no-repeat center;float:left;position:relative;z-index:122}
.mbx a.home:hover{background:url(../images/InpageAddress_icon03.png) no-repeat center}
.mbx .p1{line-height:62px;float:left;position:relative;z-index:130;background:url(../images/InpageAddress_icon03.png) no-repeat 6px 24px;padding-left:26px; }
.mbx .p1 a{display:inline-block;padding-right:14px;background:url(../images/InpageAddress_icon02.png) no-repeat center right;font-size:16px;margin-left:10px}
.mbx .p1 a:first-child{margin-left:0}
.mbx .p1 a:last-child{background-image:none}
.mbx span{float:right;line-height:64px}
.mbx .p1 a:hover{color:#1473c8}

.mbx .p2{float:left;} 
.mbx .p2 a{ display:block; float:left; line-height:60px; margin-right:20px;}
.mbx .p2 a.cor{border-bottom:2px #00479c solid;}


.page{width:100%;overflow:hidden;margin:40px auto}
.page ul{display:table;margin:0 auto}
.page ul li{color:#333;display:block;color:#333;border:1px solid #ccc;float:left;margin:0 5px;padding:0 10px;height:30px;line-height:30px}
.page ul li a{color:#333;display:block}
.page ul li.thisclass{background:#006cd7;color:#fff;border:1px solid #006cd7;display:block}
.page ul li.thisclass a{display:block;color:#fff}
.page select{border:none;background:0 0;outline:0}




.news_jq{margin:40px auto 50px; overflow:hidden; }
.news_jq ul{ overflow:hidden; }

.news_jq ul li{ overflow:hidden; border:1px #ccc solid;  margin: 0 2% 20px 0; padding: 1% 0; width:48%; float:left; box-sizing:border-box;}
.news_jq ul li span{display:block; float:left; width:100px;  border-right:1px #d2d2d2 solid; text-align:center;-webkit-transition:all .5s;transition:all .5s; margin-right:22px; padding:5px 10px;}
.news_jq ul li span b{display:block; font-size:0.3rem; color:#999;}
.news_jq ul li span i{display:block; font-size:0.16rem; color:#999;font-style:normal;}
.news_jq ul li:nth-child(2n){ margin-right:0px;}
.news_jq ul dl{ overflow:hidden;padding-bottom:3px; padding-right: 80px; background:url(../images/jrr.png) no-repeat center right}
.news_jq ul dl h3{font-size:16px;  color:#333; margin-bottom:0.1rem;  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s; font-weight:600;}
.news_jq ul dl p{  font-size:15px; line-height:0.2rem;; color:#999;overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.news_jq ul li:hover{box-shadow:0 0 6px #ccc;}

.news_jq ul  li:hover h3{color:#0555a6; padding-left:10px;-webkit-transition:all .5s;transition:all .5s;}


.pro-intro{overflow:hidden;}
.pro-intro h2{font-size:40px;color:#00479c;font-weight:400;margin-bottom:16px;text-align:center;margin-top:20px}
.pro-intro .share{width:100%;height:46px;line-height:46px;border-bottom:1px #e7e7e7 solid;background:#f1f1f1;text-align:center; margin-bottom:20px;}
.pro-intro .share  span{display:inline-block;font-size:14px;color:#999;padding:0 8px}
.pro-intro .textxq{width:100%;height:auto;overflow:hidden;color:#666;font-size:16px;line-height:30px;text-indent:2em}
.pro-intro .textxq img{display:block;max-width:100%;margin:0 auto}
.pro-intro .textxq  p{ font-size:16px; line-height:36px; color:#666;}
.fy{ width:100%; border:1px solid #d2d2d2;overflow:hidden;margin:50px auto}
.fy p{width:33.3333%;height:60px;line-height:60px;float:left;color:#666;font-size:16px;text-align:center;border-right:1px solid #d2d2d2; box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.fy p:last-child{border:none}
.fy p a{color:#666}
.fy p a:hover{color:#006cd8}

.lxwm{ overflow:hidden; margin-top:60px;}
.lxwm ul { overflow:hidden;}
.lxwm ul li{ float:left; width:33.3333%; overflow:hidden;}
.lxwm ul li div{width:55px; float:left; margin-right:15px; overflow:hidden;}
.lxwm ul li span h3{ font-size:14px; overflow:hidden;}
.lxwm ul li span p{ font-size:18px; overflow:hidden;}

.liuyan{ overflow:hidden; margin-top:60px;}
.form{width:45%;overflow:hidden;float:left;background:#fff;}
.form ul{margin:0 20px}
.form ul li{width:100%;margin-bottom:15px;overflow:hidden; border:1px #ccc solid;}
.form ul li input{font-size:15px;width:90%;background-color:transparent;float:left; margin-left:60px;height:55px;}
.form ul li textarea{font-size:15px;width:90%;height:239px;margin-top:5px;line-height:22px;float:left;margin-left:60px;font-family:"Microsoft YaHei";border-radius:6px;background-color:transparent}
.form ul li:nth-child(1){background:#fff url(../images/form1.jpg) no-repeat center left;height:55px;line-height:55px;}
.form ul li:nth-child(2){background:#fff url(../images/form2.jpg) no-repeat center left;height:55px;line-height:55px;}
.form ul li:nth-child(3){background:#fff url(../images/form4.jpg) no-repeat 2px 4px;line-height:55px}
.form ul li:nth-child(4) input{width:50%;font-size:16px;float:left; border:5px #fff solid; box-sizing:border-box; margin:0px;}
.form ul li:nth-child(4) input.tijiao{background-color:#00479c;color:#fff;text-align:center; height:60px; cursor:pointer}
.form ul li:nth-child(4) input.chongxin{background-color:#5e5e5e;color:#fff;text-align:center;cursor:pointer;height:60px; }
.form ul li:last-child{ border:none;}

.women{float:left;overflow:hidden; width:55%; height:458px;}
.women img{width:100%; height:100%}


.xiazai{  overflow:hidden; margin:20px  auto 40px; }
.xiazai h3{ border-top:2px #00479c solid; border-bottom:1px #ccc solid; padding:20px 0; font-size:18px;}
.xiazai h3 span{float:right;}
.xiazai h3 span.sjj{ margin-left:10%;width:80px; text-align:center; }
.xiazai ul li{ overflow:hidden; height:50px; line-height:50px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; border-bottom:1px #ccc solid;}
.xiazai ul li span{float:right;}
.xiazai ul li span.sjj{ margin-left:10%; width:80px; height:35px; line-height:35px; background:#00479c; color:#fff; text-align:center; margin-top:5px;}
.xiazai ul li span.sjj a{color:#fff;}
.xiazai ul li span.sjj:hover { background:#333; color:#fff;}



.hesuan{ border-radius:8px; border:6px #ccc solid; overflow:hidden; margin-bottom:50px; margin-top:30px;}
.hs_tab{ overflow:hidden;  text-align:center; margin:30px; border-bottom:1px #ccc solid;height:40px; line-height:40px;}
.hs_tab a{margin: 0px 20px; padding-left:40px; font-size:18px; display:inline-block; }
.hs_tab a:nth-child(1){background:url(../images/n1.png) no-repeat center left;}
.hs_tab a:nth-child(2){background:url(../images/n2.png) no-repeat center left;}
.hs_tab a:nth-child(3){background:url(../images/n3.png) no-repeat center left;}

.hs_tab a.corr:nth-child(1){background:url(../images/n11.png) no-repeat center left; color:#00479c; border-bottom:2px #00479c solid; height:40px; }
.hs_tab a.corr:nth-child(2){background:url(../images/n22.png) no-repeat center left; color:#00479c; border-bottom:2px #00479c solid; height:40px;}
.hs_tab a.corr:nth-child(3){background:url(../images/n33.png) no-repeat center left; color:#00479c; border-bottom:2px #00479c solid; height:40px;}

.form2{ text-align:center; margin-bottom:50px;}
.form2 select{ width:400px; border:1px #ccc solid; height:50px; border-radius:5px;}
.form2 .select{display:inline-block;width:350px;position:relative;vertical-align:middle;padding:0;overflow:hidden;background-color:#fff;color:#555;border:1px solid #aaa;text-shadow:none;border-radius:4px;transition:box-shadow .25s ease;z-index:2}
.form2  .select:hover{box-shadow:0 1px 4px rgba(0,0,0,.15)}
.form2  .select:before{content:url(../images/xdt.png); position:absolute;width:0;height:0;top:14px;right:25px;cursor:pointer;z-index:-2; }
.form2  .select select{cursor:pointer;padding:10px;width:100%;border:none;background:0 0;background-image:none;-webkit-appearance:none;-moz-appearance:none}
.form2  .select select:focus{outline:0}

.form2 span:nth-child(3){ display:block;}
.form2 span:nth-child(3) input{width:300px; height:50px; line-height:50px; background:#00479c url(../images/sjq.png) no-repeat 93px 17px; color:#fff; border-radius:8px;  margin-top:20px; cursor:pointer; }


.form3{ overflow:hidden; margin-bottom:50px;}
.form3 ul{ overflow:hidden; border:5px #00479c solid; border-radius:0 10px 10px 10px;}
.form3 h3{background:#00479c; color:#fff; display:inline-block; padding:5px 10px 0; margin:0px ; border-radius:5px 5px  0 0; font-size:15px; }
.form3 ul li{ width:33.3333%; float:left; overflow:hidden; text-align:center; border-bottom:1px #ccc solid; height:50px; line-height:50px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; }
.form3 ul dd{ width:33.3333%; float:left; display:inline-block; overflow:hidden; text-align:center; border-bottom:1px #ccc solid; height:50px; line-height:50px; font-weight:600;}


.a_banner{ overflow:hidden; position:relative; margin:20px auto;}

.a_banner div{ position:absolute; width:100%; height:100%; top:0px; left:0px; text-align:center; font-size:18px; color:#fff; }
.a_banner div h3{ padding:5% 0 0; font-size:24px; font-weight:400; -webkit-transition:all .5s;transition:all .5s;}
.a_banner img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.a_banner:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.a_banner:hover div h3{ padding-top:10%; -webkit-transition:all .5s;transition:all .5s;}

.a_banner2{ overflow:hidden; }
.a_banner2 ul{ overflow:hidden; }
.a_banner2 ul li{ float:left; width:12.6%; border:3px #fff solid; box-sizing:border-box; overflow:hidden; position:relative; }
.a_banner2 ul li  div{ position:absolute; top:0px; left:0px; width:100%; height:100%;}
.a_banner2 ul li  div p{     padding: 115% 43%;font-size: 25px; font-weight: 600; color: #fff;-webkit-transition:all .5s;transition:all .5s;}
.a_banner2 ul li:last-child{ width:36.5% ; float:right}
.a_banner2{ overflow:hidden; }
.a_banner2{ overflow:hidden; }
.a_banner2 ul li:nth-child(1){display:none;}
.a_banner2 ul li img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.a_banner2 ul li:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.a_banner2 ul li:hover div p {padding: 100% 43%; -webkit-transition:all .5s;transition:all .5s;}







.a_banner3{ overflow:hidden; margin-top:10px;}
.a_banner3 .b_left{ width:63%; overflow:hidden; float:left; position:relative;}
.a_banner3 .b_right{ width:36.4%; overflow:hidden; float:right;position:relative;}
.a_banner3 img{width:100%}
.a_banner3 .b_left div{ position:absolute; top:0px; left:0px; width:100%; height:100%; color:#fff;}
.a_banner3 .b_left div h3{ padding:10% 0 0 3%; font-size:24px; font-weight:400; -webkit-transition:all .5s;transition:all .5s; color:#fff;-webkit-transition:all .5s;transition:all .5s; }
.a_banner3 .b_left div p{ padding-left:5%}
.a_banner3 .b_right div{ position:absolute; top:0px; left:0px; width:100%; height:100%; color:#fff;}
.a_banner3 .b_right div h3{ padding:16% 0 0 3%; font-size:24px; font-weight:400; -webkit-transition:all .5s;transition:all .5s; color:#fff;-webkit-transition:all .5s;transition:all .5s; }
.a_banner3 .b_right div p{ padding-left:5%}
.a_banner3 .b_left img,.a_banner3 .b_right img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.a_banner3 .b_left:hover img,.a_banner3 .b_right:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.a_banner3 .b_left:hover h3{ padding-top:3%;-webkit-transition:all .5s;transition:all .5s; }
.a_banner3 .b_right:hover  h3{padding-top:3%;-webkit-transition:all .5s;transition:all .5s; }



.liuyan{ overflow:hidden; border:3px #ccc solid; padding:20px;}
.ly_left{width:48%; float:left; overflow:hidden;}
.ly_left img{width:100%;}
.ly_right{width:50%; float:right; overflow:hidden;}
.ly_right ul{ overflow:hidden;}
.ly_right ul li{width:48%; box-sizing:border-box; border:1px #ccc solid; border-radius:5px; float:left; margin-right:2%; padding:2% 0; margin-bottom:10px;}
.ly_right ul li img{float:left; margin:-3px 8px}
.ly_right ul li  input{width:84%}
.ly_right ul li:nth-child(5){width:98% }
.ly_right ul li:nth-child(6){width:98%; border:none; }
.ly_right ul li:nth-child(6) input{width:100%}
.ly_right ul li textarea{height:200px; width:84%}
.submit{ width:100%; background:#999; border-radius:5px; height:60px; line-height:60px; color:#fff;}

.zizhi{ overflow:hidden;}
.zizhi ul{ overflow:hidden;}
.zizhi ul li{ overflow:hidden; width:25%; box-sizing:border-box; border:10px rgba(0,0,0,0) solid; float:left; position:relative;transform 0.4s; -moz-transition:transform 0.4s; -ms-transition:transform 0.4s; -o-transition:transform 0.4s; -webkit-transition:transform 0.4s;}
.zizhi ul li div{ overflow:hidden; padding:8px; border:1px #ccc solid;}
.zizhi ul li div dd{ display:block; overflow:hidden; width:100%; height:100%; border:1px #ccc solid;}
.zizhi ul li div p{ padding:0 20px; height:50px; font-size:20px; line-height:50px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-weight:400; text-align:center;}
.zizhi ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
.zizhi ul li:hover  div  dd img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.zizhi ul li:hover{transform:translate(0,-10px); -moz-transform:translate(0,-10px); -ms-transform:translate(0,-10px); -o-transform:translate(0,-10px); -webkit-transform:translate(0,-10px); 
transition:transform 0.4s;-moz-transition:transform 0.4s; -ms-transition:transform 0.4s; -o-transition:transform 0.4s; -webkit-transition:transform 0.4s;}