@charset "utf-8";
/* CSS Document */
.wrapper { width:1400px; margin: 0px auto; overflow: hidden;}
.tblank{height:80px}
.Fast-nav{display: none;}
.img_h {position: relative;cursor: pointer;}
.img_h img { display: block; opacity: 1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.img_h img:nth-child(2) { position: absolute; left: 0; top: 0; opacity: 0;}
.img_h.img_ha:hover img { opacity: 1;}
.img_h.img_ha:hover img:nth-child(2) { opacity: 0;}
a:hover .img_h.img_ha img,.img_h:hover img { opacity: 0;}
a:hover .img_h.img_ha img:nth-child(2),.img_h:hover img:nth-child(2) { opacity: 1;}
.visible-xs { display: none !important;}

/*.header { padding:0; position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; background: #fff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);}
.header_i { width: 100%; max-width: 1400px; margin: auto; height: 100px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.header.bg { box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);background: #fff;}
.header.bg .header_i { height: 80px;}
.header .logo a,.header .logo img { display: block;}
.header_r { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;
  -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;}
.header_nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; font-size: 16px; line-height: 80px; color: #000000; position: relative;}
.header_nav li { padding-right: 40px;}
.header_nav li a { display: block; position: relative;color: #333;}
.header_nav li a::after { content: ''; position: absolute; bottom:18px; left: 0; right: 0; width: 0; margin: auto; height:3px; background: #02396c; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.header_nav li.active > a,.header_nav li.on > a { color: #02396c;}
.header_nav li.active a::after,.header_nav li.on a::after { width: 30px;}
.header_nav::after { content: ''; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; width: 1px; height: 18px; background-color: #000000;}
.header_r_r { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
.header_r_r a { margin-left: 30px; font-size: 16px; color: #000000; display: block; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.header_r_r a:hover { color: #02396c;}
.header .second_nav { height: 60px; background: #f5f5f5; position: fixed; top:100px; left: 0; width: 100%; line-height: 60px; display: none; font-size: 0; text-align: center; box-shadow: 0px 5px 9.9px 0.1px rgba(155, 155, 155, 0.1);}
.header.bg .second_nav { top: 80px;}
.header .second_nav dd { display: inline-block;}
.header .second_nav a { display: block; font-size: 14px; height: 60px!important; line-height: 60px!important; padding: 0 20px; color: #888; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.header .second_nav a::after { display: none;}
.header .second_nav a:hover { color: #02396c;}
.mbmenu{display: none;}*/

/* banner */
.banner { position: relative;background:#00396D;}
.banner .swiper-slide { overflow: hidden; position: relative;}
.banner .swiper-slide img:nth-child(2) { position: absolute; top: 0; left: 0; z-index: 1;}
.banner .pcbanner{min-height: 520px; background-repeat:no-repeat;background-position:center center;/*-webkit-background-size:cover;background-size:cover;*/}
.banner .banner_b { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; position: absolute; bottom:30px; left: 0; right: 0; z-index: 9;}
.banner .banner_b::after { display: none;}
.banner .banner_btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end;}
.banner .banner_btn > a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width:40px; height:40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #fff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.banner .banner_btn > a:hover { background: #00396d;}
.banner .banner_btn > a.prev { margin-right:20px;}
.banner .banner_btn > a.prev img { -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); transform: rotateZ(180deg);}
.banner .bannerPm { bottom: 20px; font-size: 0; display: none;}
.banner .bannerPm .swiper-pagination-bullet { width: 12px; height: 12px;}
.bannermb{display: none;}
/* index */
.abouttitle{ color:#333; font-size:24px; font-weight: bold; line-height:170%; padding:0 0 40px;}
.abouttitle span{font-size:16px; font-weight: normal; color:#888}
.abouttitle:after{content:''; display: block; height:3px; background: #0054a7; width:40px; margin-top:5px}
.producttitle{ color:#333; font-size:30px; font-weight: bold; line-height:170%; padding:0 0 40px;text-align: center;}
.producttitle:after{content:''; display: block; height:3px; background: #0054a7; width:40px; margin:5px auto 0}
.graybox { padding:80px 0; background: #f3f4f5;}



img.imgok{width: 100%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
img.imgok:hover{transform: scale(1.1, 1.1); transition: all 1200ms;}
img.imgok:hover {opacity:1;transition: all 1200ms;}


 
.ind1_i { width: 100%;}
.ind1_i a h2{ color:#6b9f17; font-size:22px; font-weight:bold;}
.ind1_i li{float:left; width:32%; margin-right: 2%;}
.ind1_i li:last-child{margin-right: 0;}
.ind1_i a {}
.ind1_i a .img { overflow: hidden;}
.ind1_i a .img img {  width: 100%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.ind1_i a:hover .img img { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px);}

.ind1_i a .text { text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-flex-direction: column;
  -ms-flex-direction: column; flex-direction: column; height:120px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; background: #ffffff; position: relative;}
.ind1_i a:hover .text { margin-top: -30px; background: #6b9f17;}
.ind1_i a:hover .text * { color: #fff;}
.ind1_i a .text div{ color:#666; font-size:15px; text-align:left; padding:0 5px; text-indent:30px; }
.ind1_i a:hover  .text div{ color:#fff;}

.ind_sec1 .ind1Prev,
.ind_sec1 .ind1Next { cursor: pointer; width: 40px; height: 60px; background-color: #c3c3c3; position: absolute; z-index: 9; top: 0; bottom: 0; margin: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: translateY(-75px); -moz-transform: translateY(-75px); -ms-transform: translateY(-75px); -o-transform: translateY(-75px);
  transform: translateY(-75px);}
.ind_sec1 .ind1Prev { left: 0;}
.ind_sec1 .ind1Prev img { -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); transform: rotateZ(180deg);}
.ind_sec1 .ind1Next { right: 0;}
.ind_sec1 .ind1Prev:hover,
.ind_sec1 .ind1Next:hover { background: #0b3f6f;}
.homeabout{padding:50px 0 10px 0;}
.homeabout_l{float:left; width:43%;}
.homeabout_r{float:right; width:50%;}
.aboutbox{ line-height:240%; padding-bottom: 30px}
.aboutbox span{font-size:18px; display:block; padding-bottom:20px; color:#333;}
.aboutbox{ font-size:14px;}
.aboutbox p{padding-top: 15px;}
.kefubox{background:url(../images/kefudi.jpg); padding:70px 0;background-size:cover; background-attachment:fixed;}
.kefubox_r{width:45%; float:left;}
.kefubox_l{width:50%; float:right; font-size:16px}
.homenews li{ font-size:14px; color:#888;padding: 12px 0; line-height: 180%;}
.homenews h3{font-size:16px; padding-bottom: 6px;}
.homenews p{line-height: 26px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;text-overflow: ellipsis;overflow: hidden;}
.kefubox h2{font-size:24px; color:#333; padding-bottom:30px;}
.kflogo{margin:12px -5px 0px}
.kflogo li{float:left; width:25%}
/*.kflogo li:nth-child(16){ display:none;}*/
.kfbox{margin:5px;border:1px solid #eee;}
.kflogo img{ width:100%}
.kfmore{ margin:20px 0 0;}
.kfmore a{ padding:10px 0; display: block; text-align: center; line-height: 150%; width:110px; border:1px solid #005ca2; border-radius:4px; color:#005ca2; text-transform:uppercase;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.kfmore a:hover{background: #005ca2;border:1px solid #005ca2;color:#fff}
/* footer */
.footer { background: #575757;color: #fff;}
.footer span{padding:0 10px}
.footer a{color: #fff;}
.footer a:hover{color:#fff}
.footer_it {padding:50px 0 30px}



/*二维码也是最后一个dl*/
    .footer .eimg img{background: #fff; width:150px;  padding:3px; border-radius: 5px; margin-bottom:5px; margin-top:50px;}
	.footer .downr p{ font-size:16px;}
/*二维码也是最后一个dl*/

.footer_it .downl { float:left;}
.footer_it .downr { float:right; text-align: center;}
.footer_it .m80{margin-right:0}
.footer_it h3{color:#fff; padding-bottom:10px; line-height: 30px; font-size:16px; font-weight:bold; }
.footer_it dd { line-height: 30px;}
.footer_it dd a{ font-size:14px;}
.footer_it dd.tel { background: url(../images/tel2.png) left 7px no-repeat; padding-left:30px; }
.footer_it dd.email { background: url(../images/email2.png) left 7px no-repeat; padding-left:30px; }
.footer_it dd.addr { background: url(../images/addr2.png) left 7px no-repeat; padding-left:30px; }
/*.footer .copyright { background: #232323; color:#bbbbbb;  text-align: center; padding: 20px 0; border-top: 0px solid #2d3b4d;}*/
.footer .copyright { font-size:14px; background: #232323; color:#bbbbbb; height:36px; line-height:36px;  text-align: center; /*padding: 20px 0;*/ border-top: 0px solid #2d3b4d;}
.footer .copyright a{ font-size:14px; color:#bbbbbb;  height:36px; line-height:36px;}

/* footer */
.maincontent { padding:60px 0; background: #f3f4f5;}
.aboutcontent{line-height:200%;}
.contactwrap { border: solid 1px #dcdcdc; padding: 60px 0 0;}
.contact { line-height:280%; padding: 0px 80px 60px;  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -webkit-align-items: center;  -ms-flex-align: center;  align-items: center;  -webkit-box-pack: justify;  -webkit-justify-content: space-between;  -ms-flex-pack: justify;  justify-content: space-between;}

.contact_l { font-size:14px; line-height:2;}
.contact_l,.contact_l a{ font-size:14px; line-height:2; color:#333;}

.contact_l h2 { font-size: 18px;  font-weight: bold;  line-height: 36px;  color: #01376c;  position: relative;  padding-bottom: 12px; margin-bottom: 20px; border-bottom: 1px solid #dcdcdc;}
.contact_l h2::after {  content: '';  position: absolute;  width: 30px;  height: 3px;  background-color: #033768;  bottom: -1px;  left: 0;}
.contact_r {  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -webkit-align-items: center;  -ms-flex-align: center;  align-items: center;  -webkit-box-pack: end;  -webkit-justify-content: flex-end;  -ms-flex-pack: end;  justify-content: flex-end;}
.contact_r .ewm {}
.contact_r .ewm .img { border: solid 1px #dcdcdc; background: #fff; padding:15px;}
.contact_r .ewm p { font-size: 14px;  color: #666666;  text-align: center;}
.bread {background: #fff;width: 100%;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.bread_i {height:70px;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;}
.bread_l { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;}
.bread_l a { font-size: 14px; color: #666; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.bread_l a:hover,
.bread_l a:last-child { color: #666;}
.bread_l img { margin: 0 10px;}
.bread_r { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;  -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;}
.bread_r a { font-size: 14px; color: #02396c; height: 70px; line-height: 70px; margin-left: 24px; position: relative; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.bread_r a::after { content: ''; width: 0px; height: 2px; background-color: #02396c; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.bread_r a:first-child {margin-left: 0;}
.bread_r a:hover,
.bread_r a.active { color: #02396c; font-weight: bold;}
.bread_r a:hover::after,
.bread_r a.active::after {width:25px;}
.donghua {-moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
.product-box{margin:0 -10px;}
.product-box .pul{margin:10px 10px;background-color: #fff;-moz-transition: all 0s; -webkit-transition: all 0s; -o-transition: all 0s; -ms-transition: all 0s; transition: all 0s}
.product-box li{ float: left;width:25%;}
.product-box .pul a{display: block;}
.product-box li a .donghua{-moz-transition: all .8s; -webkit-transition: all .8s; -o-transition: all .8s; -ms-transition: all .8s; transition: all .8s;}
.product-box li a .d1{text-align:center; font-size: 16px;line-height:30px;height: 30px;padding:20px 0; overflow: hidden;color: #5b5b5b;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.product-box li a .img-box{	padding:10px 10px 0;overflow: hidden; text-align: center;}
.product-box li a .img-box .hover-show{top: 240px;}
.product-box .pul:hover{-webkit-box-shadow: 0 0 15px rgba(0,0,0,.15);box-shadow: 0 0 15px rgba(0,0,0,.15);-moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
.product-box li:nth-child(4n + 1) {clear: both;}
.product-box li a:hover .img-box .hover-hide{top: -260px;}
.product-box li a:hover .img-box .hover-show{top: 0;}
.product-box li:hover .img-box img{transform: scale(1.1);}
.product-box li a:hover .d1{color: #94252a;}
.product-box li a:hover .d2{color: #94252a;}
.mainproduct { padding:60px 0; background: #fff;}
.product_b{border: 1px solid #e2e2e2;background: #fafafa;}
.product_l{float:left; width:45%; text-align: center;background: #fff;}
.product_r{float:right; width:55%;}
.smfont{border-bottom:1px solid #e2e2e2; margin:40px 50px 0; padding-bottom: 20px;}
.smfont h2{font-size:30px; padding:5px 0 10px;}
.cscontent{padding:20px 50px;}
.cscontent img{margin-top: 8px;}
.downan{padding-left:50px; padding-bottom: 10px;}
.downan a{color:#fff}
.coniu:link{background:#014f91; height:46px; display: inline-block; line-height: 46px;color:#fff;text-transform: uppercase; font-weight: normal; padding-left:35px; padding-right:35px;}
.coniu:hover{background:#333;}
/* news */
.list{}
.list .item{ display: block; padding:15px 0; border-bottom: 1px dotted #ccc;transition: all .5s;}
.list .text-box{float: none; width:100%;}
.list .tit{font-size:18px;color: #0154cd;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.list .time{font-size:12px; padding: 3px 0; color:#999}
.list .con{font-size:14px;line-height:180%; color: #666; padding:8px 0;}
.list .more-box{ margin-top:8px;color: #333; background: url('../images/jt.png') no-repeat left 50%; padding-left: 12px}
.list .item:hover{background:#f5f5f5;padding:15px;}
.list .item:hover .more-box,.list .item:hover .tit{color: #d82028;}
.list .item:hover img{transform: scale(1.1);}

.viewbox{}
.viewbox h2{font-size:24px; text-align:center; color:#0e2c6a; padding-bottom:10px;}
.viewcontent{line-height:2.2; padding:15px 0; font-size:14px;}
.viewcontent img{display:block; margin:0px auto; text-align:center;padding:10px 0}
.context{border-top:1px dotted #bbb;padding:10px 0}
.context_l{float:left; width:86%;}
.context_l li{line-height:30px}
.context_r{float:right; width:12%; padding-top:12px}
.context .return{line-height:35px; border-radius:17px; text-align:center; height:35px; display:block;background:#ec0000; color:#fff;}
.context:hover .return{background:#ad0000}
.sblist{margin:0 -10px}
.sblist_l{float:left; width:16.66%}
.sbbox{margin:10px;text-align: center;}
.case_pic{margin:0 -10px}
.case_pic li{float:left; width:25%}
.case_pic img{border-radius: 5px;}
.case_pic .case_box{margin:10px;text-align: center; overflow: hidden;}
.kefu{margin:0 -10px}
.kefu li{float:left; width:16.66%}
.kefu .imgbox{margin:10px;text-align: center; background: #fff; border: 1px solid #ddd; padding:0 15px;}

.youshiwrap{padding:0; background:url(../images/ysbgok.jpg);}
.youshiwrap .ysbiaotiwrap{ min-height: 180px; background: url(../images/youshi_bg.jpg) no-repeat center center;}
.youshiwrap .ysbiaoti{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between;justify-content: space-between; align-items: center; min-height:180px;color: #fff;}
.youshiwrap .ys_left{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.youshiwrap .ys_right span{font-size: 24px;}
.youshiwrap .ys_right{ line-height: 200%; font-size:16px;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;}
.youshiwrap .sida{font-size:45px;font-weight: bold;line-height:110%;}
.youshiwrap .make{font-size:14px !important; line-height:180%; margin-left: 20px;}
.youshiwrap .make span{font-size: 22px;letter-spacing:3px;}
.youshiwrap .suoyou{padding-right:30px}
.youshiwrap .eimg{background: #fff; padding:6px; border-radius: 4px;}
.youshibox{ background: url(../images/ysbg.png) no-repeat center center; min-height: 320px; margin:80px 0;}
.youshi{}
.youshi_l{float:left; width:33%; text-align: right;}
.youshi_r{float:right; width:33%;}
.youshi .blueline{border-right:1px solid #204fa9; padding-right: 40px;}
.youshi .greenline{border-right:1px solid #64a81f; padding-right: 40px; margin-top: 70px;}
.youshi .orangeline{border-left:1px solid #f66330; padding-left: 40px;}
.youshi .qbluline{border-left:1px solid #30a0f6; padding-left: 40px; margin-top: 70px;}
.yslist{}
.yslist p{margin:5px 0; line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;text-overflow: ellipsis;overflow: hidden;}
.yslist h2{font-size:24px; line-height:40px; font-weight: bold;}
.yslist .co1{ color:#204fa9;}
.yslist .co2{ color:#64a81f;}
.yslist .co3{ color:#f66330;}
.yslist .co4{ color:#30a0f6;}
.yslist .number{ font-size:34px; line-height:40px; font-family: 'gothamregular_m'; color:#777;}
.ystelphone{border:1px solid #30a0f6; line-height: 45px; border-radius: 22px; font-size:16px; text-align: center; width:450px; margin:50px auto 0; background: #fff;}
.ystelphone strong{color:#204fa9; font-size:18px}

/*客服*/
.izl-rmenu{position:fixed; right:0; top:155px; z-index:999;}
.izl-rmenu .btna{width:55px; height:55px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/qq.png) no-repeat center center rgba(0,0,0,0.6); text-decoration:none; display:block;}
.izl-rmenu a:hover.btn-qq {background:url(../images/qq.png) no-repeat center center #ff811b;}
.izl-rmenu .btn-wx{background:url(../images/wx.png) no-repeat center center;background-color:rgba(0,0,0,0.6);}
.izl-rmenu .btn-wx:hover{background-color:#ff811b;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-111px; top:0px; display:none;width:111px;height:111px;}
.izl-rmenu .btn-wx .pic img,.izl-rmenu .btn-wx img{width:100%;max-width:none;}
.izl-rmenu .btn-phone{background:url(../images/tel1.png) no-repeat center center;background-color:rgba(0,0,0,0.6);}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:130px; left:-130px; top:0px; line-height:55px; color:#FFF; font-size:16px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/top.png) no-repeat center center;background-color:rgba(0,0,0,0.6);}
.izl-rmenu .btn-top:hover{background-color:#ff811b;}
/*地图*/



/*#map { height: 550px;}
#map .BMapLabel { left: -152px!important; bottom: -38px!important; top: auto!important; background: transparent url(../images/map_info2.png) center / cover no-repeat!important; border: 0!important; width: 312px; height: 97px;}
#map .BMapLabel .inner { padding: 22px 0 22px 22px; width: 100%;}
#map .BMap_stdMpCtrl { right: auto!important; left: 10px!important;}
#map .anchorBL { display: none!important;}
#map .BMapLabel .inner h4 { font-size: 16px; line-height: 35px; color: #222; white-space: normal; background: url(../images/map_addr.png) center left no-repeat; padding-left:25px;}*/
/* contact */
/*广告*/
.aboutbanner { width:100%; background: #00396D; overflow: hidden; text-align:center}
.aboutbanner span{ display: none;}
.aboutbanner img{ max-width: none; width: 155%; margin-left: -27.5%;}
@media only screen and (min-width: 768px) {
	.aboutbanner img{ width: 550%; margin-left: -25%;}
}
@media only screen and (min-width: 1024px) {
	.aboutbanner img{ width: 550%; margin-left: -20%;}
}
@media only screen and (min-width: 1200px) {
	.aboutbanner{ height: 350px;}
	.aboutbanner img{ display: none;}
	.aboutbanner span{ display: block; background-position: center; background-repeat: no-repeat; height: 350px; width: 100%;}
}