b,blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,legend,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0;border:0 none}

img,input{border:0;vertical-align:middle}

li,ul{list-style:none;margin:0;padding:0}

form{padding:0;margin:0}

td{FONT-SIZE:12px}

img{border:0}

@font-face { font-family : DINProb; src:url(../images/DINPro-Bold.otf);}

@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:'Microsoft YaHei'}

}



.over{ overflow:hidden}

a{COLOR:#666;blr:expression(this.onFocus=this.blur());text-decoration:none}

a:focus{outline:0}

input,textarea{outline:0}

a:hover{color:#084499;text-decoration:none;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}

.content{width:1600px;overflow:hidden;margin:0 auto}

.content_mbx{width:1400px;overflow:hidden;margin:0 auto}

.concom{width:1400px;overflow:hidden;margin:30px auto}

.con_box{width:1400px;overflow:hidden;margin:50px auto}



.title{text-align:center;padding:60px 0 25px;overflow:hidden; margin:30px auto 0; letter-spacing:2px; background:url(../images/tit01.png) no-repeat center center; padding-bottom:20px; margin-bottom:15px;}

.title h3{font-size:38px;text-align:center;color:#000; margin-bottom:5px ; background:url(../images/xx.png) no-repeat center bottom; padding-bottom:20px;}

.title h3 span{ color:#000; font-weight:bold;}

.title h3 span i{ font-size:56px;}

.title p{font-size:20px;color:#999;line-height:24px}

.title b{color:#333}





.news_title{ overflow:hidden;text-align:right;  background:url(../images/tit.png) no-repeat center right; padding:30px 250px 30px 0 }

.news_title h3{font-size:16px;  font-weight:400;}

.news_title h3 span{ font-size:30px; color:#000; font-weight:bold; margin-left:5px;}

.news_title i{ font-size:80px; color:#084499; font-family:DINProb; display:block;}

.news_title i img{ vertical-align:baseline}

.news_title p{font-size:16px;color:#fff;line-height:24px; display:inline-block; background:#084499; padding:8px 30px; border-radius:30px;}

.news_title p a{ color:#fff;}

.news_title p:hover{ background:#2160b8}



.n_title{text-align:center;padding:60px 0 25px;overflow:hidden; margin:0px auto 0; }

.n_title h3{font-size:38px;text-align:center;color:#000; margin-bottom:5px ; background:url(../images/xx.png) no-repeat center bottom; padding-bottom:20px;}

.n_title h3 span{ color:#000; font-weight:bold;}

.n_title h3 span i{ font-size:56px;}

.n_title p{font-size:20px;color:#999;line-height:24px}

.n_title b{color:#333}







.title1{text-align:left;padding:40px 0 25px;overflow:hidden;margin:0 auto;background:url(../images/sha.png) no-repeat center left 130px; padding-bottom:20px; margin-bottom:15px; position:relative }

.title1 h3{font-size:30px;text-align:left;color:#000;font-weight:600; margin-bottom:5px;}

.title1 h3 span{ color:#fff;}

.title1 h3 span i{ font-size:56px;}

.title1 p{font-size:20px;color:#666666;line-height:24px}

.title1 b{color:#fff}

.title1  i{ border-radius:30px; height:40px; border:1px #084499 solid; text-align:center; font-style:normal; line-height:40px; display:block; position:absolute; width:150px; right:0px; bottom:30px; overflow:hidden}

.title1  i a{ color:#084499;display:block}

.title1  i a:hover{  border-radius:30px; background:#186fe8; color:#fff;}

.top{ background:#084499; height:40px; line-height:40px; margin:0px auto; color:#fff;}

.top span{ float:right;}

.top span a{ color:#fff;}

.top span a:after{ content:"|"; margin:0 8px; color:#fff;}

.top span a:last-child:after{ display:none; content:"";}

.head{width:100%;max-width:1920px;min-width:1400px;margin:0 auto; border-bottom:1px #ccc solid }



.had{ width:1600px; margin:0px auto; overflow:hidden;   text-align:center; position:relative}







.logo{ float:left; margin:35px auto}





.nav{  margin:0px auto; width:100%; height:70px;}

.nav ul{ width:1600px; margin:0px auto}

.nav li{ position:relative; line-height:70px; float:left; width:12.5%; text-align:center; border-left:1px #ccc solid; box-sizing:border-box;}

.nav li:last-child { border-right:1px #ccc solid}

.nav li a{ color:#333; display:block; font-size:18px;}

.nav li ul{ position:absolute; width:100%; z-index:99;background:#fff; display:none;}

.nav li ul li{ height:45px; line-height:45px; width:100%;  overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:13px; } 



.nav li a:hover{   background-color: #0d4497;  background-image: linear-gradient(to right, #0d4497 , #da3332);}

.nav li a:hover{color:#fff;}

.nav li:hover ul{ display:block;}

.nav li ul li a:hover{ color:#fff; background:#ff8b07}

.nav li ul li a:after{ content:""; display:none;}

.nav li ul li a{color:#333; display:block;}

.hot{float: right; margin:30px auto 0;line-height: 30px;  color:#e0332f; font-size:36px;font-family : DINProb; background:url(../images/hot.png) no-repeat center left; padding-left:60px;  }





    









.wx{float: right;  margin-top: 28px; font-size: 25px; font-weight: bold; width:58px; height:45px; border-radius:50%;  color: #fff;    background: url(../images/wx.png) no-repeat center center; margin-left:20px; cursor:pointer; position:relative; z-index:999 }

.wx span{ opacity:0; width:85px; margin-top:45px; margin-left:-20px; display:inline-block; overflow:hidden; font-size:20px; color:#fff; -webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}

.wx span img{ width:100%}

.wx:hover span{ opacity:1}



.banner{width:100%; overflow:hidden; position:relative}

.banner .banimg{ width:100%;transition: all 1s ease 2.5s; position:relative; transform: perspective(1000px) translate3d(0, 0, 100px);}

.banner .swiper-slide-active .banimg { transition: all 5s ease 0s; transform: perspective(1000px) translate3d(0, 0, 0px);}

.banner .swiper-pagination{ bottom: 40px;width: auto; left: auto;  right: 10%;}	  

.banner .swiper-pagination-bullet{ width:30px; height:8px; border-radius:8px; line-height:6px; color:#fff; background:none; opacity:1; font-family:Arial, Helvetica, sans-serif; font-weight:400; font-size:20px; position:relative;-ms-transition:all .5s;-moz-transition:all .5s;transition: all .5s;}

.banner .swiper-pagination-bullet-active{ background:none; width:90px; text-align:right;-ms-transition:all .5s;-moz-transition:all .5s;transition: all .5s; }

.banner .swiper-pagination-bullet-active:after{background:rgba(255,255,255,0.6);  content: ""; width: 65%;  height: 2px;  background: #fff;  position: absolute;  left:0px; top: 3px;-ms-transition:all .5s;-moz-transition:all .5s;transition: all .5s;}

.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 8px;}











.g-adv {width:100%; overflow:hidden; position:relative}

.g-adv  .banimg{ width:100%;transition: all 1s ease 2.5s; position:relative; transform: perspective(1000px) translate3d(0, 0, 100px);}

.g-adv  .swiper-slide-active .banimg { transition: all 5s ease 0s; transform: perspective(1000px) translate3d(0, 0, 0px);}

.g-adv  .swiper-pagination{ bottom: 40px;width: auto; left: auto;  right: 10%;}	  

.g-adv  .swiper-pagination-bullet{ width:30px; height:8px; border-radius:8px; line-height:6px; color:#fff; background:none; opacity:1; font-family:Arial, Helvetica, sans-serif; font-weight:400; font-size:20px; position:relative;-ms-transition:all .5s;-moz-transition:all .5s;transition: all .5s;}

.g-adv  .swiper-pagination-bullet-active{ background:none; width:90px; text-align:right;-ms-transition:all .5s;-moz-transition:all .5s;transition: all .5s; }

.g-adv  .swiper-pagination-bullet-active:after{background:rgba(255,255,255,0.6);  content: ""; width: 65%;  height: 2px;  background: #fff;  position: absolute;  left:0px; top: 3px;-ms-transition:all .5s;-moz-transition:all .5s;transition: all .5s;}

.g-adv  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 8px;}











.caidan{ float:right; display:none; margin-top:17px;}







.about_box{ background:#f1f1f1; padding:30px 0 50px; margin:50px auto 0}

.about{width:1400px; margin:0px auto; }

.about dd{ font-size:16px; line-height:30px; color:#333; text-align:center; overflow:hidden;}

.about dt{ font-size:16px; color:#084499; text-align:center; margin:20px auto;overflow:hidden;}

.about dt a{ color:#084499}

.about  ul{ overflow:hidden; margin:60px auto 0}

.about  ul li{ width:20%; float:left; overflow:hidden; border-right:1px #f2f2f2 solid; text-align:center; box-sizing:border-box; cursor: pointer}

.about  ul li:first-child{ border-left:1px #f2f2f2 solid}

.about  ul li div{ overflow:hidden;}

.about  ul li  p{ line-height:60px; font-size:18px; text-align:center; color:#555555}

.about  ul li div img{  transition: all .5s ease;}

.about  ul li:hover  div img{transform:rotateY(180deg)}







.pic_nav{overflow:hidden ;background:url(../images/picbj.png) no-repeat center center; background-size:cover; padding:30px 0; margin:50px auto 0}

.pic_nav h3{ float:right; margin:20px; color:#fff; text-align:right; font-size:30px;}

.pic_nav h3 p{ font-size:22px; font-weight:400;}

.pic_nav h3  span{ margin-right:8px; font-weight:400;}

.pic_nav ul  { float:left; margin:20px;}

.pic_nav ul li{ width:200px; float:left; border:1px #fff solid; height:50px; line-height:50px;   box-sizing:border-box; margin:10px;}

.pic_nav ul li a{overflow:hidden; text-align:center;font-size:22px; font-weight:bold; display:block;   overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color:#fff}

.pic_nav ul li a:hover{color:#084499;background:#ffffff}





.fll{ background:#f5f5f5; overflow:hidden ; padding:0px 0 50px } 







.product { margin:60px auto 0; overflow:hidden; width:1620px;}



.product  .swiper-container{ padding:20px;}

.product .swiper-slide{ overflow:hidden;}

/*.product .pic ul li{float:left; width:50%; float:left; border:20px #f5f5f5 solid; box-sizing:border-box;  position:relative;}*/

.product .swiper-slide a{ display:block; background:#fff; overflow:hidden; }

.product .swiper-slide .pic_img{ overflow:hidden; float:left;  width:45%;  box-sizing:border-box;}

.product .swiper-slide .pic_img img{-webkit-transition:all .5s;transition:all .5s;width:100%;}

.product .swiper-slide:hover  div img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.product .swiper-slide  .pic_txt{ overflow:hidden;position:absolute; display:block; width:55%; right:0px; box-sizing:border-box; padding:20px; text-align:left; height:100%}

.product .swiper-slide  .pic_txt h3{ line-height:60px; font-size:20px; margin-top:30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.product .swiper-slide  .pic_txt p{text-align:left;color:#555;font-size:15px;line-height:30px; background:#fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}

.product .swiper-slide  .pic_txt:after{content:"";  background:#084499; height:6px; position:absolute; bottom:0px; width:0%; left:0;-webkit-transition:all .5s;transition:all .5s;}



.product .swiper-slide:hover .pic_txt:after{ width:100%;-webkit-transition:all .5s;transition:all .5s;}

.product .swiper-slide:hover{  box-shadow:0 0 20px #ccc }





.product .swiper-pagination{ display:none;}





.adv .advbox{overflow:hidden;margin-top:60px;position:relative; display:block}

.adv .advboxul{overflow:hidden;height:540px;position:relative}

.adv .advboxul li{width:25%;height:100%;position:relative;float:left;overflow:hidden;background:#fff;transition:all 1s; box-sizing:border-box; }

.adv .advboxul_img{position:absolute;top:0;right:0;width:100%;height:100%;transition:all 1s}

.adv .advboxul_img img{width:100%;height:100%}

.adv .advbox_h3{font-size:20px;color:#fff;font-weight:400;position:relative;z-index:1;overflow:hidden;transition:all 1s; padding:30px;}

.adv .advbox_h3 i{display:block;width:6px;height:62px;background:#e71421;float:left;margin-right:15px;transition:all 1s}

.adv .advbox_h3 h3{display:block;width:100%;font-size:26px;text-align:left;float:left;font-weight:400;transition:all 1s}

.adv .advbox_h3 em{display:block;font-size:18px;color:#e71421;margin-top:10px;float:left;width:90%;opacity:0;transition:all 1s;text-decoration:line-through}

.adv .advbox_text{overflow:hidden;color:#333;margin-top:10px;transition:all 1s;opacity:0;font-size:22px;font-weight:700;line-height:40px;padding-left:40px}

.adv .advboxul li.active1{width:18.666%}

.adv .advboxul li.active{width:44%;padding:0 45px 0 45px;background:url(../images/adv05.png) no-repeat center center; background-size:cover;}

.adv .advboxul li.active .advboxul_img{right:-100%}

.adv .advboxul li.active .advbox_h3 i{width:10px;height:100px;margin-right:30px}

.adv .advboxul li.active .advbox_h3 h3{color:#084499;font-size:26px;text-align:left;float:left;font-weight:700;}

.adv .advboxul li.active .advbox_h3 em{opacity:1}

.adv .advboxul li.active .advbox_text{opacity:1}

.adv .advboxul_img1{position:absolute;bottom:20px;width:100%;z-index:1}

.adv .advboxul_img1 img{width:100%;display:block}





.madv{ overflow:hidden; display:none}

.madv ul{ overflow:hidden;}

.madv ul li{ overflow:hidden; position:relative; margin-bottom:2px;}

.madv ul li img{ overflow:hidden; width:100%;}

.madv ul li div{ position:absolute; width:100%; height:100%; overflow:hidden; top:0px; left:0px;}

.madv ul li div dl{ padding:5%; overflow:hidden; margin-top:20px;}



.madv ul li div dl h3{ font-size:0.3rem; color:#fff;  font-weight:400; margin-bottom:10px; position:relative; padding:10px 0; text-indent:1em;}

.madv ul li div dl dd{ font-size:0.2rem; line-height:0.3rem; color:#fff;}

.madv ul li div dl h3:after{content:""; width:3px; background:#e0332f; height:100%; position:absolute; left:0px; top:0px;}









.ys{ overflow:hidden; margin:0px auto; position:relative; height:780px;}

.ys .bd{ width:70%; overflow:hidden; float:left}

.ys .bd ul{ overflow:hidden; position:relative}

.ys .bd ul img{ width:100%; height:780px; overflow:hidden;}

.ys .bd .ys_txt{ position:absolute; left:10%; top:30%;}

.ys .bd .ys_txt h3{ font-size:32px; font-weight:400; color:#fff;}

.ys .bd .ys_txt  p{ font-size:16px; color:#fff; margin:15px auto}

.ys .bd .ys_txt dd{ width:200px; height:45px; line-height:45px;background-color: #0d4497; transition:all 0.5s; background-image: linear-gradient(to right, #0d4497 , #da3332); text-align:left; text-indent:2em;}

.ys .bd .ys_txt dd a{ color:#fff;}

.ys .bd .ys_txt dd:hover{ background:#0d4497;transition:all 0.5s;}



.ys .hd{ width:30%; float:right;  position:absolute; right:0px; z-index:9;transition:all 0.5s; -webkit-transition:all 0.5s}

.ys .hd ul li{height:195px; overflow:hidden; background:#084499;transition:all 0.5s; -webkit-transition:all 0.5s;cursor: pointer}

.ys .hd ul li:nth-child(2n){ background:#2160b8;transition:all 0.5s;-webkit-transition:all 0.5s}

.ys .hd ul li.on{    margin-left: -100px;transition:all 0.5s;-webkit-transition:all 0.5s}

.ys .hd ul li div{ float:left; width:30%; text-align:center; line-height:195px; font-size:72px; color:#fff; border-right:1px #ccc solid; font-weight:bold;}

.ys .hd ul li span{ float:left; width:68%; text-align:center; display:block;}

.ys .hd ul li span h3{ overflow:hidden; padding-top:50px; margin-bottom:15px;}

.ys .hd ul li span  p{ font-size:18px; color:#fff;}

.news_box{width:100%; background:#fff url(../images/newsbj.png) no-repeat left top; overflow:hidden; margin:40px auto 0; padding-bottom:80px;}











.product .list{width:270px;border-bottom:3px solid #1857cc;overflow:hidden;background:#ffffff;float:left}

.product .list .bd{min-height:452px; overflow:hidden;}

.product .list .tit{width:100%;height:77px;background:#084499; color:#fff; text-align:center; font-size:24px; line-height:77px;}



.product .list ul li{width:240px;margin:0 auto;height:48px;border:1px solid #dcdcdc;line-height:48px;margin-top:10px}

.product .list ul li a:after{ content:">"; float:right; font-family:"宋体"; line-height:48px; color:#999; margin-right:20px; font-size:18px;}



.product .list ul li a{color:#000;font-size:18px;margin-left:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400; display:block}



.product .list ul li:hover{background:#ff8800;-webkit-transition:all .5s;transition:all .5s }



.product .list ul li:hover a{color:#fff; display:block}

.product .list ul li:hover a:after{color:#fff;-webkit-transition:all .5s;transition:all .5s}



.product .list .on{background:#1857cc url(../images/h-icon01.png) no-repeat 190px center;-webkit-transition:all .5s;transition:all .5s}

.product .list .on a{color:#fff}





.product .ewm{width:150px;margin:0 auto;height:auto;margin-top:20px;overflow:hidden}

.product .ewm img{display:block;width:150px;height:150px}

.product .ewm p{text-align:center;color:#333;font-size:12px;line-height:30px}







.case { overflow:hidden; display:none;}

.case .swiper-slide{ overflow:hidden; position:relative; }

.case .swiper-slide img{ width:100%; height:100%;}

.case .swiper-slide .ys_txt{ position:absolute; left:10%; top:30%;}

.case .swiper-slide .ys_txt h3{ font-size:32px; font-weight:400; color:#fff;}

.case .swiper-slide .ys_txt  p{ font-size:16px; color:#fff; margin:15px auto}

.case .swiper-slide .ys_txt dd{ width:200px; height:45px; line-height:45px;background-color: #0d4497; transition:all 0.5s; background-image: linear-gradient(to right, #0d4497 , #da3332); text-align:left; text-indent:2em;}

.case .swiper-slide .ys_txt dd a{ color:#fff;}

.case .swiper-slide .ys_txt dd:hover{ background:#0d4497;transition:all 0.5s;}

.case .swiper-pagination-bullet{ width:30px; height:6px; border-radius:6px; background:#666; opacity:1}

.case .swiper-pagination-bullet-active{ background:#084499}























.pic_content{overflow:hidden;margin:15px auto 0}

.pic_content ul{overflow:hidden;margin:0 auto}

.pic_content ul li{width:23%;float:left; border:1px #ccc solid; margin:1%;margin-bottom:16px;margin-top:6px;;position:relative}

.pic_content ul li div{ width:100%;  overflow:hidden; position:relative}

.pic_content ul li div dl{ position:absolute; width:100%; height:0%; background:rgba(0,102,204,0.6); bottom:0px;-webkit-transition:all .5s;transition:all .5s;}

.pic_content ul li div dl dd{ font-size:16px; color:#fff; margin:100px 20px 30px; text-align:center; font-size:24px; font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }

.pic_content ul li div dl dd:after{content:"——"; color:#fff; display:block; margin-top:12px;}

.pic_content ul li div dl dt{ border:1px #fff solid; text-align:center; height:36px; line-height:36px; width:150px;  margin:0px auto; color:#fff;}

.pic_content ul li p{ height:45px; line-height:45px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-align:center; font-size:16px; display:none;}

.pic_content ul li:nth-child(3n){margin-right:0}

.pic_content ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;}

.pic_content ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.pic_content ul li:hover p{color:#084499}

.pic_content ul li:hover div dl{-webkit-transition:all .5s;transition:all .5s; height:100%;}



.pic_cont{overflow:hidden;margin:15px auto 0}

.pic_cont ul{overflow:hidden;margin:0 auto}

/*.pic_cont ul li{width:25%;float:left;overflow:hidden; border:8px #fff solid; box-sizing:border-box;position:relative;-webkit-transition:all .5s;transition:all .5s;}

.pic_cont ul li div{   overflow:hidden; position:relative; border:1px #f2f2f2 solid; margin:20px 20px 0}

.pic_cont ul li p{ height:60px; line-height:60px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-align:center; font-size:18px; }

.pic_cont ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;}

.pic_cont ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.pic_cont ul li:hover p{color:#fff}

.pic_cont ul li:hover div dl{-webkit-transition:all .5s;transition:all .5s; height:100%;}

.pic_cont ul li a{border:1px #f2f2f2 solid; display:block;}

.pic_cont ul li:hover{background-color: #0d4497;  background-image: linear-gradient(to right, #0d4497 , #da3332);-webkit-transition:all .5s;transition:all .5s;}

*/

.pic_cont ul li{float:left; width:50%; float:left; border:20px #f5f5f5 solid; box-sizing:border-box;  position:relative;}



.pic_cont ul li a{ display:block; background:#fff; overflow:hidden; }

/*.product .pic ul li{float:left; width:50%; float:left; border:20px #f5f5f5 solid; box-sizing:border-box;  position:relative;}*/



.pic_cont ul li .pic_img{ overflow:hidden; float:left;  width:45%;  box-sizing:border-box;}

.pic_cont ul li .pic_img img{-webkit-transition:all .5s;transition:all .5s;width:100%;}

.pic_cont ul li:hover .pic_img img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.pic_cont ul li  .pic_txt{ overflow:hidden;position:absolute; display:block; width:55%; right:0px; box-sizing:border-box; padding:20px; text-align:left; height:100%}

.pic_cont ul li  .pic_txt h3{ line-height:60px; font-size:20px; margin-top:30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.pic_cont ul li  .pic_txt p{text-align:left;color:#555;font-size:15px;line-height:30px; background:#fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}

.pic_cont ul li  .pic_txt:after{content:"";  background:#084499; height:6px; position:absolute; bottom:0px; width:0%; left:0;-webkit-transition:all .5s;transition:all .5s;}



.pic_cont ul li:hover .pic_txt:after{ width:100%;-webkit-transition:all .5s;transition:all .5s;}

.pic_cont ul li a:hover{  box-shadow:0 0 20px #ccc }



.pic_cont ul li:nth-child(2n) .pic_img{ float:right;}

.pic_cont ul li:nth-child(2n) .pic_txt{ right:auto; left:0px;}









.product .tel{ background:#084499; text-align:center; padding:20px 0;}

.product .tel p{ font-size:32px; color:#fff;}



.pic_con{overflow:hidden;margin:0px auto 0}

.pic_con ul{overflow:hidden;margin:0 auto}

.pic_con ul li{width:23%;float:left;overflow:hidden; margin:1%;  border:1px #ccc solid;box-sizing:border-box;}

.pic_con ul li div{ overflow:hidden; position:relative}

.pic_con ul li p{ height:45px; line-height:45px; border-top:1px #ccc solid; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-align:center; font-size:20px; font-weight:bold; color:#084499}



.pic_con ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;}

.pic_con ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.pic_con ul li:hover p{color:#fff; background:#084499}





.gengduo{ width:200px; height:50px; background:#fff; text-align:center;  margin:15px auto ; line-height:50px; border-radius:30px;}

.gengduo a{color:#333; display:block;}

.gengduo a:hover{ background:#2c6dcf;color:#fff; border-radius:30px;}





.fenlei{ display:none;}



.x_banenr{ width:100%; overflow:hidden; margin:30px auto 0;} 

.x_banenr img{ width:100%;}

.x_banenr img:first-child{ display:block; width:100%;}

.x_banenr img:last-child{ display:none; width:100%;}





.news_nav{overflow:hidden;line-height:50px;text-align:left; margin:20px auto;}

.news_nav ul{ text-align:center;}

.news_nav ul li{overflow:hidden;background:#f2f2f2;text-align:center;font-size:20px;width: 200px;  display: inline-block; margin:0 10px;  }

.news_nav ul li a{color:#333; border:1px #ccc solid; display:block;   }

.news_nav a:hover{color:#fff; background-color: #0d4497;  background-image: linear-gradient(to right, #0d4497 , #da3332);}



.ban{ width:100%; margin:0px auto; overflow:hidden}

.ban img{ width:100%; margin:0px auto; overflow:hidden}



.m_banner{ width:100%; overflow:hidden; display:none;}

.m_banner img{ width:100%; overflow:hidden;}









/*

.ys{ overflow:hidden; margin:0px auto}

.ys_top{ width:100%; overflow:hidden; margin:0px auto;}

.ys_top img{ width:100%}

.ys_com{ margin:0px auto; overflow:hidden;}

.ys_com .ys_img{ float:right; overflow:hidden; width:50%}

.ys_com .ys_img img{ width:100%}

.ys_com .ys_txt{ float:left; overflow:hidden; width:46%; margin-top:10px;}

.ys_com .ys_bt{ overflow:hidden; background:url(../images/ys09.png) repeat-x center bottom; padding-bottom:20px; margin-bottom:20px;}

.ys_com .ys_bt div{ float:left;  margin-right:10px;}

.ys_com .ys_bt span{ overflow:hidden;}

.ys_com .ys_bt span h3{ font-size:26px; color:#ff8800; overflow:hidden; }

.ys_com .ys_bt span i{ font-size:12px; color:#999;  font-style:normal; text-transform:uppercase;  overflow:hidden;}



.ys_com .ys_txt p{ font-size:16px; line-height:36px; color:#555;}

.ys .swiper-container{ overflow:hidden;}

.ys .swiper-slide{ margin-bottom:50px;}

.ys .swiper-slide:nth-child(2n) .ys_img{ float:left;}

.ys .swiper-slide:nth-child(2n) .ys_txt{ float:right;}

.ys .swiper-pagination ,.lingyu .swiper-pagination{ display:none;}



*/

.w50{ margin:50px auto 0}





.fl{float:left;}















.buttom,.fanhui{ display:none;}





.anlibj{ background:#f5f5f5; overflow:hidden; margin:80px auto 0}

.anli{overflow:hidden;margin:50px auto 0;}

.anli ul li{width:460px; position:relative;float:left;overflow:hidden;margin-right:17px;margin-bottom:16px;margin-top:6px; padding-bottom:30px;}

.anli ul li div{overflow:hidden;}

.anli ul li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:50px;line-height:50px;font-size:18px;text-align:center;}

.anli ul li a{color:#333}

.anli ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}

.anli ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.anli ul li:hover p{color:#084499;-webkit-transition:all .5s;transition:all .5s;}





.zizhi .swiper-container{ position:relative; }

.zz{ overflow:hidden;   position:relative;}

.zz div{ overflow:hidden;  background:#fff;   box-shadow: 0 0 4px #d8d6d6;-webkit-transition:all .5s;transition:all .5s; }

.zz div img{ width:100%}

.zz p{ height:36px; line-height:36px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size:16px; text-align:center;}

.zz:hover div{ box-shadow:0 0 4px #d8d6d6;transform:translate(0,-10px); -moz-transform:translate(0,-10px); -ms-transform:translate(0,-10px); -o-transform:translate(0,-10px); -webkit-transform:translate(0,-10px);-webkit-transition:all .5s;transition:all .5s;}











.gengduo3{width:88px;  height:45px; line-height:45px;  font-size:16px;  text-align:center; margin:50px auto; border-radius:3px; }

.gengduo3 a{ color:#fff;}





/*.iabout-video:before,.iabout-video:after{content:'';position:absolute;width:0;height:0;bottom:-10px;border-style:solid;}

.iabout-video:after{border-width:0 0 95px 60px;border-color:transparent #d1d1d1;right:-70px;}

.iabout-video:before{border-width:0 60px 95px 0;border-color:transparent #d1d1d1;left:-70px;}*/

.a_box{ margin:50px auto}

.iabout-cont{width:45%;float:right; padding:10px  2% 10px 0 }

.iabout-cont .ti{font-size:24px;font-weight:bold; color:#00479d; margin-top:15px}

.iabout-cont .ti span{ float:right;}

.iabout-cont .line{display:block;margin:40px 0 20px;}

.iabout-cont .line ul li{ float:left; width:33.33%; box-sizing:border-box; text-align:left; padding-left:5%; border-right:1px #ccc solid}

.iabout-cont .line ul li b{ color:#ff8800 ; font-size:48px; font-family : DINProb; }

.iabout-cont .line ul li b per{ color:#ff8800; font-weight:400; font-size:48px; font-family:"Microsoft YaHei"}

.iabout-cont .line ul li p{ font-size:18px; color:#555}

.iabout-cont .line ul li:last-child{ border-right:none}

.iabout-cont .line ul li:first-child b per{ color:#ff8800;}



.iabout-cont .desc{line-height:30px; height:235px; overflow:hidden; -webkit-line-clamp: 8;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;display: -webkit-box; font-size:16px; color:#333; margin-top:20px; text-indent:2em;}

.iabout-cont .more{color:#084499; border:1px solid #084499; padding:10px 30px; }

.iabout-cont .link{margin-top:30px;}

.iabout-cont .link  ul { overflow:hidden;}

.iabout-cont .link  ul li { width:20%; border-right:1px #ccc solid; overflow:hidden; padding-right:3%; float:left; padding-left:3%}

.iabout-cont .link  ul li  h3{ font-size:60px; font-family : DINProb; color:#ff7a0b}

.iabout-cont .link  ul li:nth-child(n+2){ padding-left:6%}

.iabout-cont .link  ul li:last-child{ border-right:none;}

.iabout-cont .link a:hover{background-position:0 0;transition:0s ease-out;-moz-transition:0s ease-out;-webkit-transition:0s ease-out;-o-transition:0s ease-out;}

.iabout-cont dd{margin-top:20px;}

.iabout-cont a:hover.more{color:#084499;} 

.iabout-cont .desc a{ color:#F90}





.lingyu{ overflow:hidden; margin:0px auto; background:url(../images/lybj.jpg) no-repeat center top; padding:80px 0}

.ly_left{ width:50%; float:left}

.ly_left h3{ font-size:36px; color:#fff; margin:10px auto 20px;}

.ly_left h4{ font-size:40px;color:#fff; font-weight:400; text-transform:uppercase}

.ly_left p{ font-size:15px; line-height:30px; color:#fff;margin:40px auto }

.ly_left dd{ overflow:hidden;}

	



.ly_right{ width:48%; float:right}

.ly_right ul{}

.ly_right ul li{ background:rgba(27,177,204,0.4); float:left; width:25%; margin:1%; padding:3%}



.ly_right ul li div{ width:40px; height:40px; overflow:hidden;}

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

.ly_right ul li p{ color:#c4c4c4; margin:10px auto}

.ly_right ul li h3{ font-size:18px; color:#fff;}









.form{width:100%;height:887px;background:#eee url(../images/bangong.jpg) no-repeat center top;overflow:hidden}

.form .tit{display:table;margin:0 auto;margin-top:45px; text-transform:uppercase}

.form .tit b{color:#fff;font-size:60px;text-align:center}

.form .tit h4{color:#fff;width:250px;height:84px;background:rgb(4 76 207 / 62%);text-align:center;line-height:84px;color:#fff;font-size:40px;margin:0 auto}

.form .bd{width:100%;height:630px;overflow:hidden;background:#fff;margin-top:28px;position:relative;box-shadow:0 0 10px 1px #c2c1c1}

.form .bd:after{content:"";width:1px;height:464px;background:#dcdcdc;position:absolute;left:50%;top:50%;margin-top:-232px}

.form .bd .cont{margin-top:60px;margin-left:100px;float:left;height:auto;overflow:hidden}

.form .bd .cont h4{color:#333;font-size:30px}

.form .bd .cont .info{width:100%;height:auto;overflow:hidden;color:#084499;font-size:48px; margin-top:10px ; font-weight:400;}

.form .bd .cont .info h3{ font-weight:400; margin:10px auto}

.form .bd .cont .info p{ font-size:18px; font-weight:bold;}

.form .bd .cont .ewm{width:410px;height:auto;overflow:hidden;margin-top:20px;height:146px;background:url(../images/rwmbj.png) no-repeat left center}

.form .bd .cont img{margin:4px;display:block;width:140px;height:140px;box-sizing:border-box;padding:4px}

.form .bd .msg{float:right;margin-top:60px;margin-right:74px;width:456px;height:auto;overflow:hidden}

.form .bd .msg .t p{color:#333;font-size:18px;text-align:center;font-weight:700; text-transform:uppercase;}

.form .bd .msg form{width:100%;height:auto;overflow:hidden;margin-top:30px}

.form .bd .msg form ul li{width:100%;height:auto;overflow:hidden;margin-bottom:12px}

.form .bd .msg form ul li p{color:#555;font-size:18px;float:left;line-height:50px}

.form .bd .msg form ul li input{width:365px;height:48px;border:1px solid #d2d2d2;box-sizing:border-box;color:#555;font-family:'微软雅黑';border-radius:5px;text-indent:5px;outline:0; float:right;}

.form .bd .msg form ul li textarea{width:365px;height:90px;border:1px solid #d2d2d2;float:right;color:#555;font-family:'微软雅黑';text-indent:5px;padding-top:10px;resize:none;border-radius:5px;outline:0;box-sizing:border-box}

.form .bd .msg form .btn{width:100%;height:auto;overflow:hidden;margin-top:30px}

.form .bd .msg form .btn input{width:220px;height:50px;background:#084499;float:left;border:none;border-radius:10px;color:#fff;font-size:18px}

.form .bd .msg form .btn input:last-child{float:right;background:#999}





















.shebei{width:1400px; margin:0px auto;}

.ipro{width:100%;overflow:hidden;padding:35px 0px;z-index:1;position:relative; max-width:1920px; margin:0px auto;}

.ipro .bg{position:absolute;width:100%;height:175px;background:#084499;left:0;bottom:0;z-index:-1;}

.ipro .more{display:block;float:right;height:50px;line-height:50px;}

.ipro h2{height:50px;padding-left:45px;line-height:50px;font-size:24px;background:url(../images/ipro_icon.png) no-repeat 0 50%; margin:10px auto 30px }

.ipro .more:hover,.ipro h2 a:hover{color:#00458e;}

.ipro-silder{width:1400px; margin:0px auto; position:relative;}

.ipro-silder .btn{position:absolute;width:66px;height:66px;top:50%;margin-top:-54px;background:url(../images/ipro_btn.png);cursor:pointer;z-index:3;}

.ipro-silder .btn.prev{left:-80px;background-position:0 0;}

.ipro-silder .btn.next{right:-80px;background-position:-66px 0;}

.ipro-silder .box{ width:1400px;  }

.ipro-silder ul{overflow:hidden;}

.ipro-silder li{width:290px;float:left;margin-right:13px;text-align:center; overflow:hidden;}

.ipro-silder a{display:block;}

.ipro-silder li div{    width: 284px;  height: 212px;border:2px solid #fff; overflow:hidden;}

.ipro-silder p{height:50px;line-height:50px;color:#fff; font-size:16px;}

.ipro-silder li:hover .pic{border-color:#00458e;}





.ipro-silder li div img{-webkit-transition:all .5s;transition:all .5s;}

.ipro-silder li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}



.slide{ width:100%;}





.news_mr{ background:#fff;; padding:20px; overflow:hidden; margin:50px auto 0}



.news_left{width:60%; overflow:hidden; float:left;}



.news_right{width:36%; overflow:hidden; float:right; border-left:1px #ccc solid; padding-left:2%}



.news_left h3{ color:#333; font-size:28px;  height:60px; line-height:60px; font-weight:400;}

.news_left h3 span{float:right; font-size:30px; font-weight:bold; font-weight:normal;}







.news_left ul{overflow:hidden;}

.news_left ul li{ overflow:hidden; width:50%; border:5px #fff solid; float:left; box-sizing:border-box; background:#f7f7f7; padding:3%}



.news_left ul li dl{ overflow:hidden; background:url(../images/xii.png) no-repeat center right 5px ;}

.news_left ul li dl dd{ overflow:hidden; font-size:18px; color:#000000; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding-right:50px;}

.news_left ul li dl dt{ color:#999; margin:8px auto; font-size:15px;}

.news_left ul li dl p{ font-size:15px; color:#666; line-height:28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; }

.news_left ul li:nth-child(n+2) dl p{ display:none;}

.news_left ul li:first-child{ width:100%; overflow:hidden; float:inherit;}

.news_left ul li div{ float:left; width:30%; overflow:hidden; margin-right:15px;}

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

.news_left ul li:first-child dl{ background:none;}

.news_left ul li:first-child { background:#fff;}

.news_left ul li:first-child dl dt:before{ content:"——"; letter-spacing:-1px; color:#999;} 

.news_left ul li:hover a dl dd{color:#084499; font-weight:bold;}

.news_left ul li:hover dl{ overflow:hidden; background:url(../images/xii1.png) no-repeat center right 5px ;}

.news_left ul li:first-child:hover  dl{ background:none;}

.news_left ul li:hover dl dd{ text-decoration:underline;}



.faq{overflow:hidden; }

.faq h3{ color:#333; font-size:28px;  height:60px; line-height:60px; font-weight:400;}

.faq h3 span{float:right; font-size:30px; font-weight:bold; font-weight:normal;}







.fq{overflow:hidden; height:416px; }

.fqimg img{ width:100%; margin-bottom:15px; overflow:hidden;}

.fq ul{overflow:hidden;}

.fq ul li{ overflow:hidden;  border:1px #ccc solid; background:url(../images/fq.png) no-repeat  20px 20px; padding:20px; margin-bottom:10px; overflow: hidden}

.fq ul li h3{ height:30px; line-height:20px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size:18px; padding-left:32px;}

.fq ul li p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; font-size:14px; color:#666;padding-left:32px;line-height: 24px;}

.fq ul li:hover{border:1px #084499 solid;}

.fq ul li:hover h3{ text-decoration:underline; color:#084499}





.bottom_nav{width:100%; max-width:1920px; min-width:1400px; margin:45px auto 0; background:#084499;}

.bottom_nav ul{ width:1400px; overflow:hidden; margin:0 auto;}

.bottom_nav ul li { display:inline; float:inherit; width:inherit; text-align:center;  margin:0 39px; line-height:60px;}

.bottom_nav ul li a{color:#fff;}

.bottom_nav ul li a:hover{text-decoration:underline;}









.links{margin:20px auto 0px; padding:15px 0;height:auto;overflow:hidden; border-top:1px  #ccc solid}

.links .tit{ overflow:hidden; float:left; color:#666; font-size:16px; margin-right:10px;}

.links .tit img{ margin-right:5px;}

.links ul{height:auto;overflow:hidden; }

.links ul a{line-height:25px;color:#666;margin:5px;white-space:nowrap}

.links ul a:hover{text-decoration:underline; color:#084499;}



.footer{width:100%;background:#1c1c1c;overflow:hidden; padding:60px 0;margin:0 auto 0;  }



.footer  .kusu{ width:20%; float:left;}

.footer  .kusu h3{font-size:18px;color:#fff; }

.footer  .kusu ul { overflow:hidden; margin-top:20px;}

.footer  .kusu ul li{ overflow:hidden; float:left; width:50%; line-height:36px; font-size:13px;}

.footer  .kusu ul li a{ color:#a7b9d5}

.footer  .kusu ul li a:hover{color:#fff; text-decoration:underline;}

.footer .left{height:auto;float:left}

.footer .name{margin-bottom:15px}

.footer .name img{display:block}

.footer .info{width:40%;float:left;height:auto;overflow:hidden; }

.footer .info p{color:#999;font-size:14px;line-height:25px;margin-top:15px}

.footer .icon{width:330px;float:left}

.footer .icon ul li{float:left;width:83px;height:83px;border-radius:50%;margin-right:25px;position:relative}

.footer .icon ul li img{display:block;width:90px;height:90px;position:absolute;display:none;left:90px;z-index:100;top:-10px}

.footer .cr{width:100%}

.footer .icon ul li:nth-child(1){background:url(../images/icon02.png) no-repeat left top}

.footer .icon ul li:nth-child(2){background:url(../images/icon02.png) no-repeat -107px top}

.footer .icon ul li:nth-child(3){background:url(../images/icon02.png) no-repeat -214px top}

.footer .icon ul li:hover img{display:block}

.footer .icon ul li a{display:inline-block;cursor:pointer;width:83px;height:83px}

.footer .icon ul li{float:left;width:83px;height:83px;border-radius:50%;margin-right:25px;position:relative}

.footer .icon ul li img{display:block;width:110px;position:absolute;display:none;left:90px;z-index:100;top:-10px}

.footer .cr{width:100%}

.footer .info1{color:#fff;line-height:41px;font-size:16px;text-align:left;float:left}

.footer .info h3{font-size:18px;color:#fff; }

.footer .info h3 span{font-weight:400;font-size:13px;margin-left:5px}

.footer .cr{width:100%;height:auto;overflow:hidden}

.footer .cr p{color:#fff;font-size:14px}

.footer .ewm{ float:right}

.footer .ewm div{ float:right; width:130px;}

.footer .ewm h3{font-size:18px;color:#fff;margin-bottom:20px; font-weight:bold;}

.footer .ewm h3 span{font-weight:400;font-size:13px;margin-left:5px}

.footer .ewm p{text-align:center;color:#fff;font-size:14px;}

.footer .ewm p img{display:block;width:100%}



.fiv{width:100%; position:fixed; bottom:0px; left:0px; background:#e13531; padding:10px 0; z-index:999}

.fiv .tmb{width:1400px; overflow:hidden; font-size:24px; color:#fff; margin:0px auto; font-weight:bold;  }

.fiv .tmb span{ color:#ff0844990}

.fiv .tmb em{ float:right; font-style:normal; font-weight:normal; font-size:24px; }

.fiv .tmb em b{font-size:24px;}

.fiv .tmb em a.anniu{width:120px; height:36px; line-height:36px;  text-align:center; color:#fff; display:inline-block; border-radius:5px; margin-left:10px; border:1px #fff solid; font-size:14px;}







.Copyright{ width:100%; overflow:hidden; background:#1c1c1c; text-align:center; color:#fff; padding:20px 0; border-top:1px #999 solid;}











.b_nav1{overflow:hidden;float:left;margin-right:30px;width:20%}

.b_nav1 h3{font-size:18px;color:#fff; }

.b_nav1 h3 span{font-weight:400;font-size:13px;margin-left:5px}

.b_nav1 ul{overflow:hidden;margin-top:15px}

.b_nav1 ul li{float:left;text-align:left;margin-bottom:10px;width:40%;margin-right:10px;height:36px;line-height:36px; text-indent:0.5em; position:relative}

.b_nav1 ul li a{color:#999;font-size:16px;display:block; }

.b_nav1 ul li a:hover {color:#186fe8 ;   text-decoration:underline;}







.b_nav{overflow:hidden;float:left;margin-right:30px;width:15%}

.b_nav h3{font-size:18px;color:#fff; }

.b_nav h3 span{font-weight:400;font-size:13px;margin-left:5px}

.b_nav ul{overflow:hidden;margin-top:15px}

.b_nav ul li{text-align:left;margin-bottom:10px;width:145px;margin-right:10px;height:36px;line-height:36px; text-indent:0.5em; position:relative}

.b_nav ul li a{color:#999;font-size:16px;display:block;border:1px #999 solid;}

.b_nav ul li a:hover {color:#186fe8 ; background:#fff; border:1px #999 solid; text-decoration:underline;}

.b_nav ul li:after{ content:"+"; position:absolute; top:0px; right:5px; color:#999;}



.foot{margin:0 auto;width:1400px;position:relative;overflow:hidden}

.tit_bt1{border-bottom:3px #13a33d solid;height:59px;line-height:59px;text-indent:1em;font-size:18px;font-weight:700;color:#13a33d;background:#f1f1f1;margin:0 auto 20px}

.tit_bt1 span{float:right;font-weight:400;font-size:16px;padding-right:10px}

.tit_bt1 span.dqian{margin:0}

.tit_bt1 i{font-size:14px;color:#333;text-transform:uppercase;margin-left:10px;font-weight:400}

.tit_bt1 span a{background:url(../images/icon.png) no-repeat center right;padding-right:10px;margin-left:6px}

.tit_bt1 span a:last-child{background:0 0}

.toolbar{width:52px;position:fixed;right:1%;top:44%;z-index:999}

.toolbar dd{width:51px;height:51px;margin-bottom:1px;position:relative;-webkit-border-radius:100%;border-radius:100%;margin-top:4px;border:#ebebeb solid 1px;background-color:#fff;-webkit-border-radius:100%;border-radius:100%}

.toolbar dd i{width:51px;height:51px;display:block;position:absolute;left:0;top:0;cursor:pointer;text-align:center;-webkit-border-radius:100%;border-radius:100%}

.toolbar dd i span{width:35px;height:35px;display:block;margin:8px 0 0 8px;background:url(../images/rightfixicon.png) no-repeat 0 0}

.toolbar dd.gottop{display:none}

.toolbar .slide-tel{display:block;width:0;height:43px;line-height:34px;font-size:24px;font-weight:700;font-family:arial;color:#fff;position:absolute;padding:10px 0 0 53px;top:-1px;right:-2px;-webkit-border-radius:50px;border-radius:50px;overflow:hidden}

.toolbar .pop{position:absolute;right:90px;top:-65px;background:#084499;display:none}

.toolbar .pop-code{width:160px}

.toolbar .pop-code img{width:120px;height:120px;display:block;padding:20px 20px 0}

.toolbar .pop-code h3{height:52px;line-height:26px;text-align:center;color:#fff;font-size:16px;font-weight:400;white-space:nowrap}

.toolbar .pop-code h3 b{display:block;font-size:14px;font-weight:400}

.toolbar .qq span{background-position:-35px -47px}

.toolbar .qq a{width:52px;height:52px;cursor:pointer;display:block}

.toolbar .qq:hover{background-color:#084499;border-radius:100%}

.toolbar .qq:hover span{background-position:0 -47px}

.toolbar .tel span{background-position:-35px 0}

.toolbar .tel:hover{background:#084499}

.toolbar .tel:hover span{background-position:0 0}

.toolbar .code span{background-position:-35px -95px}

.toolbar .code:hover{background-color:#084499;border-radius:100%; overflow:inherit}

.toolbar .code:hover span{background-position:0 -95px}

.toolbar .top1 span{background-position:-36px -142px}

.toolbar .top1:hover{background-color:#084499;border-radius:100%}

.toolbar .top1:hover span{background-position:0px -142px}

.active .animated{-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

.delay100{-webkit-animation-delay:.1s;animation-delay:.1s}

.delay200{-webkit-animation-delay:.2s;animation-delay:.2s}

.delay300{-webkit-animation-delay:.3s;animation-delay:.3s}

@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:1}

40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg)}

60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}

80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}

100%{-webkit-transform:perspective(400px);transform:perspective(400px)}

}

@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:1}

40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg)}

60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);-ms-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}

80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}

100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}

}

@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}

to{opacity:1;-webkit-transform:none;transform:none}

}

@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}

to{opacity:1;-webkit-transform:none;transform:none}

}

.active .fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}

@keyframes down-ico{0%{top:0;opacity:1}

35%{top:20%;opacity:0}

65%{top:-20%;opacity:0}

100%{top:0;opacity:1}

}

@-webkit-keyframes down-ico{0%{top:0;opacity:1}

35%{top:20%;opacity:0}

65%{top:-20%;opacity:0}

100%{top:0;opacity:1}

}

@keyframes scale-three2{0%{transform:scale(1);opacity:.8}

100%{transform:scale(1.3);opacity:0}

}

@-webkit-keyframes scale-three2{0%{-webkit-transform:scale(1);opacity:.7}

100%{-webkit-transform:scale(1.3);opacity:0}

}

@-moz-keyframes scale-three2{0%{-moz-transform:scale(1);opacity:.7}

100%{-moz-transform:scale(1.3);opacity:0}

}

@-o-keyframes scale-three2{0%{-o-transform:scale(1);opacity:.7}

100%{-o-transform:scale(1.3);opacity:0}

}







.page{width:100%;height:auto;overflow:hidden; margin:15px auto}

.page ul{display:table;margin:0 auto}

.page ul li{border:1px solid #ccc;padding:0 10px;height:30px;line-height:30px;color:#333;float:left;margin:0 5px}

.page ul li a{color:#333}

.page ul .thisclass{background:#084499;color:#fff;border:1px solid #084499}

.page select{border:none;background:0 0;outline:0}

.page ul .thisclass a{color:#fff;}



.mbx{width:100%;height:62px;border-bottom:1px solid #eaeaea;max-width:1920px;margin:0 auto;position:relative; z-index:2}

.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:999}

.mbx a.home:hover{background:url(../images/InpageAddress_icon03.png) no-repeat center}

.mbx .p1{line-height:62px;float:left;margin-left:16px;position:relative;z-index:9999}

.mbx .p1 a{display:block;padding-right:14px;background:url(../images/InpageAddress_icon02.png) no-repeat right center;font-size:16px;float:left;margin-left:10px}

.mbx .p1 a:first-child{margin-left:0}

.mbx .p1 a:last-child{background-image:none}



.n_banner{ width:100%; margin:0px auto; overflow:hidden;}

.n_banner img{ width:100%; margin:0px auto;}

.n_banner img:first-child{ display:block;}

.n_banner img:last-child{ display:none;}





.news{margin:20px auto 10px; overflow:hidden; }

.news ul{ overflow:hidden; padding-top:20px; }



.news ul li{ overflow:hidden; border:1px #ccc solid; padding:10px; margin: 0 2% 15px 0; width:46%; float:left;-webkit-transition:all .5s;transition:all .5s;}

.news ul li span{display:block; float:left; width:90px;  background:#084499; text-align:center;-webkit-transition:all .5s;transition:all .5s; margin-right:22px;}

.news ul li span b{display:block; font-size:0.3rem; color:#fff; padding:10px 0;}

.news ul li span i{display:block; font-size:0.16rem; color:#fff; border-top:1px #fff dotted; padding:5px 0; font-style:normal;}



.news ul dl{ overflow:hidden;padding-bottom:3px;}

.news 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 ul dl p{  font-size:15px; line-height:0.25rem;; color:#666;overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; }



.news 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);-webkit-transition:all .5s;transition:all .5s;}

.news ul  li:hover span b,.news ul  li:hover span i{color:#fff;}

.news ul  li:hover h3{color:#0d4497}

 .news ul  li:hover span{background-color: #0d4497;  background-image: linear-gradient(to right, #0d4497 , #da3332);}





.news_mbt{ margin:40px auto 0}

.news_mbt .swiper-container{ padding-bottom:50px;}

.news_mbt  .swiper-pagination-bullet{ width:10px; height:10px;}

.news_mbt .swiper-pagination-bullet-active { background:#084499;}



.n_box{ overflow:hidden;  margin:0px auto 0; padding:0 0 15px; background:#fff; }

.n_box dl{ margin:-30px 30px 0; background:#f5f5f5; padding:20px; position:relative; z-index:33; border-bottom:5px #084499 solid}

.n_box h3{ overflow:hidden; height:30px; line-height:30px; position:relative; padding:0 15px; margin:20px auto 0; color:#000  }

.n_box dd{ font-size:14px; padding:5px 30px; margin:10px 15px; color:#fff; display:inline-block; background:#084499}

.n_box p{ font-size:16px; color:#666; margin:20px 15px 20px; line-height:28px;display: -webkit-box;

-webkit-box-orient: vertical; height:50px;

-webkit-line-clamp:2;

overflow: hidden; }

.n_box dt{ font-size:14px; color:#084499; padding:8px 15px; margin-left:10px;}

.n_box 

.n_box div{ overflow:hidden; margin:0 15px ;}

.n_box div img{ width:100%;}

.n_box:hover h3{ text-decoration:underline; color:#084499}

.n_box:hover dt{ background:#084499; color:#fff; display:inline-block}





/*

.news_mbt{ overflow:hidden; width:1400px; margin:0px auto 0; padding:0 0 30px;}

.news_mbt  ul  {overflow:hidden; padding-top:20px;}

.news_mbt  ul li{ overflow:hidden; margin:0 30px 30px 0; width:585px; float:left; background:#fff; ;-webkit-transition:all .5s;transition:all .5s;}

.news_mbt  ul li span{display:block; float:left; width:100px; height:100px; background:#084499; text-align:center;-webkit-transition:all .5s;transition:all .5s;}

.news_mbt  ul li span b{display:block; font-size:30px; color:#fff; padding-top:20px;}

.news_mbt  ul li  span i{display:block; font-size:14px; color:#fff; padding-top:5px; font-style:normal;}



.news_mbt  ul li dl{     overflow: hidden;

    padding: 6px 10px 0 0px;

    width: 463px;

    float: right;}

.news_mbt  ul li dl h3{font-size:16px;  color:#333; height:37px; line-height:37px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.news_mbt  ul li dl p{ height:47px; font-size:14px; line-height:24px; color:#878787;overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; }





.news_mbt  ul li:hover span b,.news_mbt  ul li:hover span i{color:#fff;}

.news_mbt  ul li:hover h3{color:#084499}

.news_mbt  ul li:nth-child(2n){ margin-right:0px;}



.news_mbt  ul li:hover{

-ms-transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);z-index:1002;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}

*/

.pro-intro{overflow:hidden;margin-top:6px;padding:10px 14px 20px}

.pro-intro .img{float:left;width:450px;height:auto;overflow:hidden}

.pro-intro .img img{display:block;width:450px;height:395px}

.pro-intro .info{float:right;width:428px;height:395px;box-sizing:border-box;overflow:hidden;border:1px solid #d2d2d2;border-left:none}

.pro-intro .info p{color:#555;font-size:20px;border-bottom:1px solid #d9d9d9;height:45px;margin-top:60px;text-indent:20px}

.pro-intro .info .tel{width:100%;height:160px;border-bottom:1px solid #d9d9d9}

.pro-intro .info .tel img{display:block;margin-top:25px;margin-left:25px}

.pro-intro .info .tel b{width:100%;display:block;color:#1c71c8;margin-left:25px;font-size:36px;margin-top:10px;line-height:36px;font-weight:400}

.pro-intro .data{width:100%;height:auto;overflow:hidden}

.pro-intro .info .btn{width:100%;height:auto;overflow:hidden;margin-top:30px;margin-left:25px}

.pro-intro .info .btn a{display:block;width:165px;height:48px;background:#1c71c8;color:#fff;float:left;margin-right:15px;line-height:48px;font-size:16px;text-indent:30px;border-radius:10px;position:relative}

.pro-intro .info .btn a:after{content:url(../images/kf.png);position:absolute;top:13px;right:29px}

.pro-intro h2{font-size:28px;color:#333;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}

.pro-intro .share p span{display:inline-block;font-size:12px;color:#999;padding:0 8px}

.pro-intro .info .btn a:last-child{background:#595757;text-indent:0;text-align:center}

.pro-intro .info .btn a:last-child::after{content:""}

.pro-intro .info .btn a:hover{background:#25b240}

.pro-intro .intro{width:100%;height:auto;overflow:hidden;margin-top:40px;min-height:500px}

.pro-intro .intro .t{width:100%;height:30px;border-bottom:1px solid #d2d2d2}

.pro-intro .intro .t p{color:#fff;font-size:18px;background:#1c71c8;width:180px;height:30px;line-height:30px;text-align:center}

.pro-intro .text{width:100%;height:auto;overflow:hidden;color:#666;font-size:16px;line-height:30px;margin:20px 0px 20px; }

.pro-intro .textxq{height:auto;overflow:hidden;color:#666;font-size:16px;line-height:30px;margin-top:20px; padding:0 10px; text-indent:2em;}

.pro-intro .textxq iframe{ width:800px; height:600px; display:block; margin:0px auto;}

.pro-intro .textxq img{display:block;max-width:100%;margin:0 auto}

.pro-intro .textxq  p{ font-size:16px; line-height:28px; color:#666; text-indent:2em;}

.article-detailed{overflow:hidden;margin-top:20px}



.article-detailed{margin:0 auto;overflow:hidden;margin-top:20px}

.article-detailed .tit{height:auto;overflow:hidden;margin-bottom:15px}

.article-detailed .tit p{color:#333;font-size:18px;text-align:center;border-bottom:1px dashed #f1f1f1;height:30px}

.article-detailed .tit span{display:block;color:#333;margin-top:5px;font-size:12px;text-align:center}

.article-detailed .intro{height:auto;overflow:hidden}

.article-detailed .intro img{display:block;max-width:100%;margin:0 auto}

.article-detailed .intro p{color:#333;font-size:16px;line-height:30px;text-indent:2em;}





.fy{height:auto;border:1px solid #d2d2d2;overflow:hidden;margin-top:30px}

.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; padding:0 10px  }

.fy p:last-child{border:none}

.fy p a{color:#666}

.fy p a:hover{color:#006cd8}









.anli_lb{width:1400px;overflow:hidden;margin:20px auto 0;}

.anli_lb ul{overflow:hidden;}

.anli_lb ul li{width:25%;float:left;overflow:hidden; border:10px #fff solid; box-sizing:border-box;}

.anli_lb ul li div{overflow:hidden;border:1px #fff solid}

.anli_lb ul li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:40px;line-height:40px;font-size:16px;text-align:center; position:relative}

.anli_lb ul li a:hover dd{color:#fff}

.anli_lb ul li a{color:#333}

.anli_lb ul li div img{-webkit-transition:all .5s;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 p{color:#084499}

.anli_lb ul li:nth-child(4n){margin-right:0px;}









.news_lb{overflow:hidden; margin-top:20px;}

.news_lb ul{overflow:hidden;padding:10px}

.news_lb ul li{padding:2%;margin-bottom:20px;float:left;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;border:1px #ccc dotted ; width:96%}

.news_lb ul li h3{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;color:#494949;font-size:18px;margin-bottom:20px;display:block;position:relative;padding-right:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}

.news_lb ul li p{background:url(../images/icon.jpg) no-repeat center right;padding-right:60px;color:#7f7f7f;font-size:15px;line-height:24px;padding-left:20px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}

.news_lb ul li h3:before{content:'';width:6px;height:6px;border-radius:50%;background:#494949;display:inline-block;margin:0 12px 2px 0;-moz-box-sizing:border-box;box-sizing:border-box}

.news_lb ul li h3 span{font-family:HNT;font-size:16px;font-weight:400;color:#919191;position:absolute;top:1px;right:0;line-height:1}

.news_lb ul li h3:hover{padding-left:10px;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}

.news_lb ul li:hover{box-shadow:0 0 6px #ccc;-moz-box-shadow:0 0 6px #ccc;-ms-box-shadow:0 0 6px #ccc;-o-box-shadow:0 0 6px #ccc;-box-shadow:0 0 6px #ccc;transform:translate(0,-10px);box-shadow:0 0 10px #ccc;-moz-transform:translate(0,-10px);-ms-transform:translate(0,-10px);-o-transform:translate(0,-10px);-webkit-transform:translate(0,-10px);-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}

.map{ width:100%; height:400px;}



.lxwmmt{overflow:hidden; line-height:30px; font-size:16px; padding:20px 0}





.mssg-intro{overflow:hidden;margin:0  auto;;padding-bottom:2%; margin-bottom:20px; background:url(../images/z.png) no-repeat; width:1400px;}

.mssg-intro form{ margin:5%; background:rgba(255,255,255,.8); padding:5%; overflow:hidden;}

.mssg-intro form h3{font-size:36px; text-align:center; margin-bottom:30px;}

.mssg-intro form ul li{width:100%;height:auto;overflow:hidden;border:1px solid #d2d2d2;margin-bottom:15px;background:#fff;border-radius:5px}

.mssg-intro form ul li input{height:50px;border:none;width:100%;outline:0;text-indent:10px;color:#999;font-size:16px;background:0 0;font-family:'微软雅黑'}

.mssg-intro form ul li textarea{width:788px;height:100px;border:none;outline:0;font-family:'微软雅黑';resize:none;background:0 0;text-indent:10px;padding-top:10px;color:#999;font-size:16px}

.mssg-intro form .btn input{width:49%;display:block;float:left;padding:3% 0;background:#084499;outline:0;border:none;font-size:16px;color:#fff;border-radius:6px;font-family:'微软雅黑'}

.mssg-intro form .btn input:last-child{background:#999;margin-left:2%}





/*mobile*/



.g-adv{position:relative;width:100%;margin:0 auto 0 auto;z-index:15; display:none; overflow:hidden;}

.g-adv .m-box img{display:block;position:relative;width:100%;}

.g-adv .m-cnt{width:100%;position:absolute;bottom:0;left:0;z-index:10;height:4px;}

.g-adv .m-cnt li{float:left;width:100%;height:4px;}

.g-sbox .m-cnt{background:#dfdfdf;position:relative;border-bottom:1px solid #BDBAB7;}

.g-sbox .m-cnt li{position:relative;}

.m-cnt li{text-align:center;width:32%;}

.g-adv .m-cnt{background:#333;}

.g-adv .m-cnt .z-on{background:#f4821f;}

.g-adv img{ width:100%}

.slider{display:none;}






.fixed-contact-wrap{z-index:999;position:fixed;right:1px;bottom:15%;width:60px;margin-top:-120px;overflow:hidden;border-radius:30px;height:280px;opacity:0;transition:all .4s;transform:translateX(95px);-webkit-transform:translateX(95px);-moz-transform:translateX(95px);overflow:hidden;border-radius:30px}
.fixed-contact-wrap ul{border-radius:30px;overflow:hidden}
.fixed-contact-wrap.show{transform:none;opacity:1}
.fixed-contact-wrap.active{width:215px}
.fixed-contact-wrap li{position:relative;height:60px;background:#e0332f;overflow:hidden}
.fixed-contact-wrap li strong{margin-right:20px}
.fixed-contact-wrap.active li{overflow:inherit}
.fixed-contact-wrap li a{position:relative;z-index:1000;display:block}
.fixed-contact-wrap li i{z-index:1000;position:absolute;right:0;display:block;width:60px;height:60px;transition:all .4s}
.fixed-contact-wrap.active li:after{z-index:1001;content:'';position:absolute;bottom:0;left:50%;display:block;width:80%;height:1px;margin-left:-40%;background:rgba(255,255,255,.1)}
.fixed-contact-wrap.active li:last-child:after{display:none}
.fixed-contact-wrap .phone i{background:#e0332f url(../images/icon5.png) no-repeat center center;border-top-left-radius:30px;-moz-border-top-left-radius:30px;-webkit-border-top-left-radius:30px;border-top-right-radius:30px;-moz-border-top-right-radius:30px;-webkit-border-top-right-radius:30px}
.fixed-contact-wrap .weixin i{background:#e0332f url(../images/icon8.png) no-repeat center center;height:100px}
.fixed-contact-wrap .qq i{background:#e0332f url(../images/icon6.png) no-repeat center center}
.fixed-contact-wrap .back-top i{background:#e0332f url(../images/icon7.png) no-repeat center center}
.fixed-contact-wrap.active .back-top i{border-bottom-left-radius:0;-moz-border-bottom-left-radius:0;-webkit-border-bottom-left-radius:0}
.fixed-contact-wrap li strong{position:absolute;top:0;right:-145px;display:block;width:100px;padding:0 15px 0 30px;font:normal 16px/60px gotham-medium;color:#fff;background:#e0332f;white-space:nowrap;transition:all .4s;text-align:center}
.fixed-contact-wrap.active li strong{right:40px}
.fixed-contact-wrap.black li{background:#e0332f}
.fixed-contact-wrap.black li strong{background:#e0332f}
.fixed-contact-wrap .weixin{border-radius:0 0 30px 30px;overflow:hidden}
.fixed-contact-wrap .weixin strong{width:80px;margin-top:20px;border-radius:30px}
.fixed-contact-wrap .weixin strong img{width:100%}



@media screen and (nax-width:750px){
.pro-intro .textxq iframe{ width:100%; height:220px; display:block; margin:0px auto;}


}