@font-face {
  font-family: 'Conv_langdon';
  src: url('../other/langdon.eot');
  src: local('☺'), url('../other/langdon.woff') format('woff'), url('../other/langdon.ttf') format('truetype'), url('../other/langdon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
body{font-family:Arial, Helvetica, sans-serif;font-size: 14px;overflow-x: hidden;}
html, body, div, span, h1, h2, h3, h4, h5, h6, p,table, td, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin: 0;padding: 0;}
input,select,textarea{font-size: 14px;border:none;margin: 0;padding: 0;}
img{border: 0 none;vertical-align: middle;max-width: 100%;}
a{color: #333;text-decoration:none;background-color:transparent;transition: 0.3s;}
a:hover{cursor: pointer;}
a:focus{outline:none;}
ul, li, dl, dt, dd{list-style: none outside none;}
.cl{ clear:both;}
.warper{width:98%;max-width:1200px;margin:0 auto;}
#container{ width:100%; height: auto;}
.head{ background:#2577e3;}
.head .email{padding: 0 10px;display: inline-block;height: 40px;line-height: 40px; color:#fff;}
.head .email span{font-weight:bold; font-size:16px;}
.head .email i{color: #fff;margin-right: 5px;}
.head .email a{color: #fff;}
.head .media i.fa.fa-facebook{ background:#3b5998;color:#fff;}
.head .media{overflow: hidden;float: left;margin-top:10px;}
.head .media i.fa{display: inline-block;width: 20px;height: 20px;text-align: center;line-height: 20px;float: left;margin-right:6px;border-radius:5px;}
.head .media i.fa.fa-twitter{ background:#00b0e9;color:#fff;}
.head .media i.fa.fa-google-plus{background:#d54736;color:#fff;}
.head .media i.fa.fa-youtube{background:#5ca501;color:#fff;}
.head .media i.fa.fa-linkedin{background:#fbc602;color:#fff;}
.head .right{float: right;}
.head .lang{width:85px;height:35px;line-height:40px;padding-left:7px;float:left;}
.head .lang select{color:#fff; background:#2577e3;}
.head .serach>i{color: #999;font-size: 16px;cursor: pointer;}
.head .right{float: right;}
.head .right .flag{height: 40px;line-height: 40px;display: inline-block;}
.head .right .flag a{margin: 0 5px;color:#fff;}
.head .serach>i{color: #999;font-size: 16px;cursor: pointer;}
.head .search{ text-align: center;position: relative;cursor: pointer;}
.head .search .button{height: 40px;width: 40px;margin-top: 1px;line-height: 40px;color: #fff;}
.head .search form{position: absolute;right: 0;top: 25px;line-height: 30px;width: 280px;padding: 20px;background: #fff;z-index: 999; border: 1px solid #eaeaea;display: none;}
.head .search input{border: 1px solid #ddd;padding: 0 3px;float: left;width: 200px;}
.head .search button{float: left;width: 30px;height: 32px;border: none;background: #2577e3;color: #fff}
#banner_home .owl-theme .owl-controls{position: absolute;bottom: 10px;width: 100%;}
#banner_home .owl-theme .owl-controls .owl-page span{border-radius: 0;width: 16px;height: 16px;background: #fff;opacity:1;}
#banner_home .owl-theme .owl-controls .owl-page.active span{background: #2577e3;}
.hot-product{ width:100%; margin:0 auto;}
.title1{text-align: center;margin:55px 0px 35px 0px;}
.title1 h1{color:#222; font-size: 32px; font-weight:bold;}
.title1 h1 b{ color: #2577e3; text-transform: uppercase; font-size: 16px; display:block; line-height:22px; font-weight:bold;}
.title1 h2{color:#222; font-size: 32px; font-weight:bold;}
.title1 h2 b{ color: #2577e3; text-transform: uppercase; font-size: 16px; display:block; line-height:22px; font-weight:bold;}
.title1 .index_bkt{color:#222; font-size: 30px; font-weight:bold;}
.title1 .index_bkt b{ color: #2577e3; text-transform: uppercase; font-size: 16px; display:block; line-height:22px; font-weight:bold;}
.title1 p{ text-align:center; color:#4a4a4a; margin-top:10px;line-height:26px;}
.title1 span{display: block;margin-top: 0px;}
.title1 span:after{content: '';display: inline-block;width: 91px;height: 8px;background: #2577e3;}
.title1 .two:after{width: 100px;}
.in-project .hd{text-align:center;margin-bottom:20px;}
.in-project .hd li{float: none;display:inline-block;font-size: 14px;color:#000;margin-bottom:25px;}
.in-project .hd li a{font-size: 15px;padding-bottom:5px;font-weight: bold;background:#eaeaea;padding:10px 40px 10px 40px; }
.in-project .hd li:hover a{color:#fff;background:#2577e3;}
.in-project .bd ul li{float:left;width:33.333%;margin-bottom:20px;position: relative;cursor:pointer}
.in-project .bd ul li .ipw{width:96%;margin: 0 2%}
.in-project .bd ul li img{width:100%;border-bottom:6px solid #2577e3;}
.in-project .bd ul li .ipzg{position: absolute;left:2.2%;top:0;width:96%;height: 100%;opacity:0;background-color:rgba(0,0,0,.5)}
.in-project .bd ul li em{display: block;width:40px;height: 40px;position: absolute ;olute;left:50%;margin-left:-13px;top:0;transition:all .5s;opacity:0}
.in-project .bd ul li span{position:absolute;text-align:center;width:100%;color:#fff;bottom:0px;transition:all .5s;opacity:0}
.in-project .bd ul li:hover em{top:35%;opacity:1}
.in-project .bd ul li:hover span{bottom:35%;opacity:1;font-weight: bold;}
.in-project .bd li a .pro-text{ background:#eaeaea; display:block; height:125px; overflow:hidden;}
.in-project .bd li a:hover .pro-text{ background:#2577e3; color:#fff;}
.in-project .bd li a .pro-text p{ color:#737373;text-align:left;padding:5px 10px 3px 21px;line-height:25px; font-size:12px;}
.in-project .bd li a .pro-text h5{font-size:18px; color:#222222;text-align:left;padding:25px 10px 3px 21px;text-transform:uppercase;}
.in-project .bd li a:hover .pro-text p{ color:#fff;}
.in-project .bd li a:hover .pro-text h5{ color:#fff;}
.learn-more{margin:0 auto;text-align:center;margin-top:15px;}
.learn-more a{ background:#2577e3; width:200px;padding:15px 55px 15px 55px;border-radius:10px;font-weight:bold;color:#fff; }
.learn-more a:hover{ background:#fff;border:4px solid #2577e3; color:#2577e3}
.histroy{width:100%;background:url(../images/bj.jpg) no-repeat center 0;margin:0 auto;min-height:698px;background-attachment:fixed;background-size:cover; }
.title2{text-align: center;margin:55px 0px 35px 0px;}
.title2 h2{color: #fff;text-transform: uppercase;font-size: 30px; font-weight:bold; margin-top:20px;padding-top:60px;}
.title2 h2 b{ color:#fff; font-size: 16px; display:block; line-height:22px;}
.title2 p{ text-align:center; color:#4a4a4a; margin-top:10px;}
.title2 span{display: block;margin-top: 0px;}
.title2 span:after{content: '';display: inline-block;width: 91px;height: 8px;background: #2577e3;}
.title2 .two:after{width: 100px;}
.history-list{position:relative;}
#demo{ width: 1200px; height: 500px; margin: 20px auto; overflow: hidden; 		}
.box{height:700px;width:1200px;}
.zUIpanelScrollBox,.zUIpanelScrollBar{width:10px;top:4px;right:2px;border-radius:5px;			}
.zUIpanelScrollBox{background:black;opacity:0.1;filter:alpha(opacity=10);}.zUIpanelScrollBar{background:#2577e3;opacity:1;filter:alpha(opacity=80);}
.banner-bottom-left{float:left;width:45%;text-align:right;}
.year1 h3{color:#2577e3;font-size:24px;margin:0;font-weight:bold;}
.year1 p{color:#fff;font-size:14px;margin:1em 0 0;}
.year1 {margin-top: 3em;}
.year1 p span{display:block;}
.banner-bottom-right{float:right;width:50%;border-left:3px solid #2577e3;text-align:left;padding-left:5%;margin-top:60px;overflow:hidden;}
.year2{margin-top:3.5em;}
.year3{margin-top:4em;}
.year4{margin-top:4em;}
.year4 {margin-bottom: 0em;}
.year-pos{position:absolute;top: 6%;left: 49.0%;background:#222;border-radius:30px;}
.year-pos1{position:absolute;top: 26%;left:49.0%;background:#222;border-radius:30px;}
.year-pos2{position:absolute;top: 46%;left:49.0%;background:#222;border-radius:30px;}
.year-pos3{position:absolute;top: 66%;left: 49.0%;background:#222;border-radius:30px;}
.year-pos4{position:absolute;top: 16%;left:49.0%;background:#222;border-radius:30px;}
.year-pos5{position:absolute;top: 36%;left:49.0%;background:#222;border-radius:30px;}
.year-pos6{position:absolute;top: 56%;left: 49.0%;background:#222;border-radius:30px;}
.year-pos7{position:absolute;top: 76%;left: 49.0%;background:#222;border-radius:30px;}
.year-pos8{position:absolute;top: 86%;left: 49.0%;background:#222;border-radius:30px;}
.box-styley{position:absolute;top:0px; right:0px;}
.news{width:100%;margin:0 auto; }
.news-list{float:left;width:52%; }
.news-pic{float:right;width:45%; }  
.news-text h3{font-size:24px;color:#222;font-weight:bold;}
.news-text p{font-size:14px;color:#545454;line-height:26px;padding-top:20px;}
.news-text ul{ margin-top:30px;padding:0px;}
.news-text li{ margin-bottom:10px;list-style:none;}
.withArrow{ margin-top:30px;}
.withArrow li span{ line-height:28px; }
.withArrow li a{ color:#696969;}
.withArrow li a:hover{ color:#2577e3;}
.withArrow li i{margin-right: 10px;font-weight: 700;color: #2577e3;border: 1px solid;padding: 2px 3px 0px 7px;font-size: 12px;border-radius: 50%;height: 20px;width: 20px;border:2px solid #2577e3;background:#fff; }
.withArrow li em {color:#696969; float:right; font-style: normal;}
.news-images img{width:100%;}
.news-list .learn-more{text-align:left;margin-top:50px;}
.news-list .learn-more a{ background:#2577e3; width:150px;padding:15px 40px 15px 40px;border-radius:10px;font-weight:bold;color:#fff; }
.news-list .learn-more a:hover{ width:150px; background:#fff;border:4px solid #2577e3; color:#2577e3}
.news-text{ margin-top:15px;}
.case{ width:100%;overflow:hidden;background:url(../images/butn.jpg) repeat-x center 0;margin:0 auto;margin-top:30px; }
.case-list{width:100%;}
.case-list li{ float:left; margin-left:2px;}
.case .bd ul li{float:left;width:20%;margin-bottom:2px;position: relative;cursor:pointer}
.case .bd ul li .ipw{width:99.5%;margin: 0 0px;}
.case .bd ul li img{width:100%;}
.case .bd ul li .ipzg{position: absolute;top:0;width:99.5%;height: 100%;opacity:0;background-color:rgba(37,119,227,0.9)}
.case .bd ul li em{display: block;width:40px;height: 40px;position: absolute ;olute;left:50%;margin-left:-13px;top:0;transition:all .5s;opacity:0}
.case .bd ul li span{position:absolute;text-align:center;width:100%;color:#fff;bottom:0px;transition:all .5s;opacity:0; font-size:16px;}
.case .bd ul li:hover em{top:25%;opacity:1}
.case .bd ul li:hover span{bottom:30%;opacity:1;font-weight: bold;}
.case .bd ul li:hover .ipzg{opacity:1}
.edit-box p111{margin-top:30px;}
.breadcrumbnav{ text-align:center;margin:8% 0px 8% 0px;}
.breadcrumbnav-xx{height:40px; margin:0 auto;width:370px;}
.breadcrumbnav-xx .bt{ font-size:30px; font-weight:100; color:#fff;float:left;text-transform:uppercase; width:210px;}
.breadcrumbnav-xx  .one{ width:80px;height:5px; background:#2577e3;float:left;margin-top:20px;}
.breadcrumbnav-xx  .two{ width:80px;height:5px; background:#2577e3;float: right;margin-top:20px;}
.breadcrumbnav-about{ color:#fff; text-align:center; padding-top:10px;}
.breadcrumbnav-about a{ text-align:center; color:#fff;font-size:16px; font-weight:100;}
.breadcrumbnav-about a:hover{ color:#2577e3;}
#main{ width:100%; margin:0px 0px 0px 0px;}
.company-title{margin-bottom: 35px;text-align:center;margin-top:40px;}
.company-title a{display: inline-block;padding: 10px 25px;background: #fff;border:2px solid #2577e3;margin-right: 5px; font-weight:100;color:#555;}
.company-title>:last-child{margin-right: 0;}
.company-title a.on,
.company-title a:hover{background: #2577e3;color: #fff; font-weight:bold;}
.edit-box{ line-height:30px; overflow:hidden;}
.edit-box span111{font-size:16px;color:#2577e3; font-weight:bold;}
.edit-box p { text-indent: 24px; margin-top: 10px;}
.edit-box p img { display: block; margin: 10px auto;}
.banner-n img { width:100%; margin:0 auto;}
/* related products */
.related-products{  width:100%;margin:50px 0px 0px 0px;background:#f2f2f2;overflow:hidden;}
.related-products .bd ul li{float:left;width:33.333%;margin-bottom:20px;position: relative;cursor:pointer;padding-bottom:35px;}
.related-products .bd ul li .ipw{width:96%;margin: 0 2%}
.related-products .bd ul li img{width:100%;border-bottom:6px solid #2577e3;}
.related-products .bd ul li .ipzg{position: absolute;left:2.2%;top:0;width:96%;height: 100%;opacity:0;background-color:rgba(0,0,0,.5)}
.related-products .bd ul li em{display: block;width:40px;height: 40px;position: absolute ;olute;left:50%;margin-left:-13px;top:0;transition:all .5s;opacity:0}
.related-products .bd ul li span{position:absolute;text-align:center;width:100%;color:#fff;bottom:0px;transition:all .5s;opacity:0}
.related-products .bd ul li:hover em{top:35%;opacity:1}
.related-products .bd ul li:hover span{bottom:35%;opacity:1;font-weight: bold;}
.related-products .bd li a .pro-text{ background:#fff; display:block; height:125px; overflow:hidden;}
.related-products .bd li a:hover .pro-text{ background:#2577e3; color:#fff;}
.related-products .bd li a .pro-text p{ color:#737373;text-align:left;padding:5px 10px 3px 21px;line-height:25px;}
.related-products .bd li a .pro-text h5{font-size:18px; color:#222222;text-align:left;padding:25px 10px 3px 21px;text-transform:uppercase;}
.related-products .bd li a:hover .pro-text p{ color:#fff;}
.related-products .bd li a:hover .pro-text h5{ color:#fff;}
/* product */
.product-list .bd ul li{float:left;width:33.333%;margin-bottom:0px;position: relative;cursor:pointer;padding-bottom:35px;}
.product-list .bd ul li .ipw{width:96%;margin: 0 2%}
.product-list .bd ul li img{width:100%;border-bottom:6px solid #2577e3;}
.product-list .bd ul li .ipzg{position: absolute;left:2.2%;top:0;width:96%;height: 100%;opacity:0;background-color:rgba(0,0,0,.5)}
.product-list .bd ul li em{display: block;width:40px;height: 40px;position: absolute ;olute;left:50%;margin-left:-13px;top:0;transition:all .5s;opacity:0}
.product-list .bd ul li span{position:absolute;text-align:center;width:100%;color:#fff;bottom:0px;transition:all .5s;opacity:0}
.product-list .bd ul li:hover em{top:35%;opacity:1}
.product-list .bd ul li:hover span{bottom:35%;opacity:1;font-weight: bold;}
.product-list .bd li a .pro-text{ background:#eaeaea; display:block; height:125px; overflow:hidden;}
.product-list .bd li a:hover .pro-text{ background:#2577e3; color:#fff;}
.product-list .bd li a .pro-text p{ color:#737373;text-align:left;padding:5px 10px 3px 21px;line-height:25px;}
.product-list .bd li a .pro-text h5{font-size:18px; color:#222222;text-align:left;padding:25px 10px 3px 21px;text-transform:uppercase;}
.product-list .bd li a:hover .pro-text p{ color:#fff;}
.product-list .bd li a:hover .pro-text h5{ color:#fff;}
.digg4{padding:3px;margin:15px 0;text-align:center;font-size:12px;text-align: center;overflow: hidden;width:100%;}  
.digg4 a{margin: 0;border:1px solid #ddd;padding:3px 7px;color:#555;}  
.digg4 a.on,
.digg4 a:hover{background-color:#2577e3;color:#fff;border: 1px solid #2577e3;}
/* product-detail */
.product-list{background:#fff;overflow:hidden;}
.product-list2{background:#f1f1f1;overflow:hidden;}
#gallery{width:56%;height:auto;float:left;padding:5px;margin-bottom:40px;}
#gallery h1{color:#666666;line-height:30px;}
.gallery_nav {width: 19.5%; float: right;}
.gallery_nav img{margin:0 0 1%;}
#gallery_output {width: 79.5%;float: left;border-right:1px solid #d9d9d9;overflow: hidden;}
#gallery_output img {width:100%;}
.gallery_right{width:40%;float:right;}
.gallery_right h1{font-size:32px;padding:10px 0 15px;color:#43b551;font-weight:bold;}
.gallery_right_txt{padding:5px 0 15px;line-height:24px;font-size: 14px;}
.gallery_right .chat a{display: inline-block;padding: 8px 25px; background: #2577e3; color: #fff;font-size: 17px;border-radius:5px;font-weight:bold;}
.gallery_right .chat a:hover{ background: #fff;border:2px solid #2577e3;color:#2577e3; }
.gallery_right .chat a:nth-child(1){margin-right: 20px;}
.gallery_right .chat i{ margin-right:10px;}
.gallery_right .chat{ margin-top:25px;}
.gallery_right .line{border-bottom: 1px solid #ddd; margin: 30px 0;}
.gallery_medial  i.fa.fa-facebook{ background:#3b5998;color:#fff;}
.gallery_medial {overflow: hidden;margin-top:10px;}
.gallery_medial i.fa{display: inline-block;width: 25px;height: 25px;text-align: center;line-height: 25px;float: left;margin-right:10px;}
.gallery_medial  i.fa.fa-twitter{ background:#00b0e9;color:#fff;}
.gallery_medial  i.fa.fa-google-plus{background:#d54736;color:#fff;}
.gallery_medial  i.fa.fa-youtube{background:#2577e3;color:#fff;}
.gallery_medial  i.fa.fa-linkedin{background:#fbc602;color:#fff;}
/* news  */
.sub-news{ width:100%; margin:40px auto;}
.sub-news li{margin-top:25px;}
.sub-news li a{display: block;background:#f2f2f2; border:4px solid #f2f2f2;font-size:22px; font-weight:bold;}
.sub-news li a:hover{ background:#fff;border:4px solid #ececec;color:#2577e3;}
.sub-news li p{color: #666;margin: 10px 0;overflow: hidden;}
.sub-news  li  a span{display: inline-block;padding: 6px 30px;text-transform: uppercase;color: #fff;background: #2577e3;font-size:14px;margin-top:20px;}
.sub-news  li  a:hover span{background: #fff;border:2px solid #2577e3;color:#2577e3;}
.sub-news ul>:last-child:after{display: none;}
.sub-news  li  a span:nth-of-type(1){display: inline-block;padding: 6px 30px;text-transform: uppercase;color: #fff;background: #2577e3;font-size:14px;margin-top:20px;margin-right:10px;}
.sub-news li .news-pic{ width:25%;float:left;padding:15px;}
.sub-news li .news-textl{ width:74%; float:right;padding:15px;}
.sub-news li .news-textl h3 {font-weight: bold;}
.sub-news li .news-textl p{ color:#666;font-weight:normal;font-size:14px; line-height:26px;}
.edit-box .zt{font-size: 32px;font-weight:bold;color: #2577e3;text-align: center; margin: 20px 0px 10px 0px;}
.edit-box .sj{font-size: 14px;color: #7d7d7d;text-align: center; margin: 5px 0px 5px 0px;}
.edit-box .tinm{background: #f4f4f4;padding: 5px 0;margin: 0px 0px 15px 0px;/*text-align: center;*/color: #7d7d7d;}
.pn{overflow: hidden;margin: 30px 0;}
.pre{float: left;}
.pre b{color:#2577e3;font-size:20px;}
.nextl b{color:#2577e3;font-size:20px;}
.nextl{float: right;text-align: right;}
.pn p{width: 45%;height: 24px;line-height: 20px;}
.contact-inqut{width:48%;float:left;margin-top:30px;}
.contact-inqut input,
.contact-inqut textarea{width: 100%;background: #f2f2f2;line-height: 40px;padding: 0 20px;margin-bottom: 15px;color:#fff;font-size:12px;}
.contact-inqut .submit{width: 150px;border: none;background: #2577e3;color: #fff;border-radius:10px;font-weight:bold;}
.contact-inqut  p{ font-size:25px; color:#6b6b6b; font-weight:bold;margin-bottom:20px;}
.contact-inqut span{color:#2577e3;font-size:25px;}
.contact-decl{ float:right;width:48%;margin-top:30px;}
.contact-decl  .cu{ font-size:25px; color:#6b6b6b; font-weight:bold;margin-bottom:20px;}
.contact-decl .cu  span{color:#2577e3;font-size:25px;}
.contact-det-ex li span{ line-height:32px;font-weight:normal;color:#868686; }
.contact-det-ex li a{ color:#696969;}
.contact-det-ex li a:hover{ color:#2577e3;}
.contact-det-ex{ margin-top:20px;}
.contact-det-ex li i{margin-right: 10px;color: #fff;border: 1px solid;padding: 3px 3px 0px 3px;font-size: 12px;border-radius: 5px;height: 22px;width: 22px;border:2px solid #2577e3;background:#2577e3; }
.map{ width:100%; max-height:310px; margin:35px 0px 0px 0px;}
.contact-inqutl{margin-top:30px;}
.contact-inqutl input,
.contact-inqutl textarea{width: 100%;background: #f2f2f2;line-height: 40px;padding: 0 20px;margin-bottom: 15px;color:#777;font-size:14px;}
.contact-inqutl .submit{width: 200px;border: none;background: #2577e3;color: #fff;border-radius:10px;font-weight:bold;}
.contact-inqutl  p{ font-size:25px; color:#6b6b6b; font-weight:bold;margin-bottom:20px;}
.contact-inqutl span{color:#2577e3;font-size:25px;}
.phonefooter{display:none;}
@media (max-width:1024px){
.box-styley{position:absolute;top:0px; right:90px;}
.case .bd ul li span{position: absolute;text-align: center;width: 100%;color: #fff;bottom: 0px;transition: all .5s;opacity: 0;font-size: 16px;}
.case .bd ul li em{width:26px; height:26px;}
.breadcrumbnav-xx{width:43%;}
.breadcrumbnav-xx .bt{font-size:30px;}
}
@media (max-width:768px){
.case .bd ul li{float:left;width:50%;margin-bottom:2px;position: relative;cursor:pointer;}
.case{ width:99%;overflow:hidden;background:url(../images/butn.jpg) repeat-x center 0;margin:0 auto;margin-top:30px; }
.box-styley{position:absolute;top:0px; right:238px;overflow:hidden;}
.year-pos img{width:70%;}
.year-pos{position: absolute;top: 6%;left: 48.6%; background: #222;border-radius: 30px;}
.year1 h3{font-size:35px;}
.year1 p{font-size:13px;}
.year2{margin-top:2em;}
.year4{margin-top:3em;}
.year-pos1{top:26.5%;}
.year3{margin-top:3em;}
}
@media (max-width:640px){
.in-project .bd ul li{float:left;width:50%;margin-bottom:20px;position: relative;cursor:pointer}
.news-list{width:100%; margin:0 auto;}
.news-pic{ width:100%; margin:30px auto;}
.news-list .learn-more{ text-align:center;margin-top:50px;margin-bottom:20px;}
.medial i.fa{ margin-bottom:10px;}
.company-title a{margin-bottom:15px;}
.product-list .bd ul li{float:left;width:50%;margin-bottom:20px;position: relative;cursor:pointer}
.related-products .bd ul li{float:left;width:50%;margin-bottom:20px;position: relative;cursor:pointer }
#gallery{width: 100%;height: auto;padding: 5px;margin-bottom: 10px;}
.gallery_right{ width:100%; margin:0 auto;margin-bottom:30px;}
.company-title{ margin-bottom:0px;}
.breadcrumbnav-xx .bt{font-size:25px;}
.breadcrumbnav-about a{font-size:16px;margin-top:7px;}
.history-list{position:relative;overflow:auto; }
.breadcrumbnav-xx{width:27%;}
.breadcrumbnav-xx  .one{display:none;}
.breadcrumbnav-xx  .two{display:none;}
.phonefooter{display: none;position: fixed;bottom: 0;left: 0;right: 0;}
.phonefooter ul{overflow: hidden;text-align: center;background: #2577e3;}
.phonefooter li{width: 25%;float: left;font-size: 24px;}
.phonefooter li i{color: #fff;}
.phonefooter{display: block;}
}
@media (max-width:480px){
.in-project .bd ul li{float:left;width:100%;margin-bottom:20px;position: relative;cursor:pointer}
.news-list{width:100%; margin:0 auto;}
.news-pic{ width:100%; margin:30px auto;}
.news-list .learn-more{ text-align:center;margin-top:50px;margin-bottom:20px;}
.case .bd ul li:hover span{ bottom: 29%;opacity: 1;font-weight: bold;}
.case .bd ul li span{font-size:18px;}
.case .bd ul li:hover em{top: 26%;opacity: 1; }
.f-bm{display:none;}
.online{float: left;width: 90%;margin-top: 62px;margin-left: 5%;margin-bottom: 50px;}
.footer-pr{width: 24%;float: left; margin-top: 0px;  margin-left: 5%;margin-bottom: 50px; }
.contact-us{width: 60%;float: right; margin-top: 0px; margin-bottom: 50px; }
.company-title a{ margin-bottom:8px;font-size:12px;}
.company-title{margin-bottom:0px;}
.related-products .bd ul li{float: left;width: 100%;margin-bottom: 20px;position: relative;cursor: pointer;padding-bottom: 35px; }
.sub-news li .news-pic{width:100%;text-align:center;}
.sub-news li .news-pic img{width:100%;}
.sub-news li .news-textl{width:100%;margin:0 auto;}
.news-pic{width:100%;margin:0 auto; }
.contact-inqut{ width:100%;margin:0 auto; margin-top:30px;}
.contact-decl{ width:100%;margin:0 auto; margin-top:30px;}
.breadcrumbnav-xx .bt{font-size:20px;margin-top:10px;}
.breadcrumbnav-about a{font-size:14px;margin-top:7px;}
.title1 h1{font-size:28px;}
.title2 h2{font-size:30px;}
.year1 h3{font-size:25px;}
.company-title a{display: inline-block;padding: 6px 13px;background: #fff;border: 2px solid #2577e3; margin-right: 5px;font-weight: bold;color: #666; }
.product-list .bd ul li{float:left;width:100%;margin-top:20px;margin-bottom:0px;position: relative;cursor:pointer}
.head .media{display:none;}
.box-styley{position:absolute;top:0px; right:375px;overflow:hidden;}
}
@media (max-width:320px){
.head .email a{display:none;}
.head .email i{display:none;}
.case .bd ul li{float:left;width:100%;margin-bottom:2px;position: relative;cursor:pointer;}
.in-project .hd li a{font-size: 14px;padding-bottom: 5px;font-weight: bold;background: #eaeaea;padding: 10px 18px 10px 18px;}
.contact-us{width: 95%; margin-top: 0px; margin-bottom: 50px; }
.footer-pr{width: 90%;margin-top: 0px;margin-bottom: 50px; }
.footer-dr p{text-align: center;line-height: 25px;border-top: 1px solid #2f2f2f;color: #fff;}
.breadcrumbnav-xx .bt{font-size:18px;}
.breadcrumbnav-about a{font-size:12px;margin-top:7px;}
.breadcrumbnav-xx  .one{display:none;}
.breadcrumbnav-xx  .two{display:none;}
.breadcrumbnav-xx{height:30px; text-align:center;}
.gallery_right .chat a{display: inline-block;padding: 8px 18px;background: #2577e3;color: #fff;font-size: 15px;border-radius: 5px;font-weight: bold;}
.title1 h1{font-size:32px;}
.title2 h2{font-size:30px;}
.box-styley{position:absolute;top:0px; right:450px;overflow:hidden;}
}



.pagelink{height:26px; line-height:26px; margin:10px 0 10px 0px; text-align:center; clear:both;}

.pagelink a, .pagelink span{ padding:6px 9px; border:1px solid #ccc; margin-right:5px;background:#fff;}

.pagelink a.on, .pagelink a:hover{ color:#2577e3;}


.clear{
	clear: both;
}
.warper{
	    width: 98%;
    max-width: 1200px;
    margin: 0 auto;
}
/*内页开始*/
.zxwz .title {
    font-size: 20px;
    line-height: 40px;
    font-weight: bold;
    color: #2577e3;
    margin: 20px 0 0;
    border: 1px solid #f5f5f5;
    padding-left: 5px;
    background: #f2f2f2;
}
.prolist{
	overflow: hidden;
}
.prolist li{
	width:300px;
	float: left;
	padding: 0 5px;
    margin-top: 20px;
    box-sizing: border-box;

}
.prolist li a{
	display: block;
    margin-right: auto;
    margin-left: auto;
}
.prolist li a img{
	display: block;
	    width: 100%;
    height: 200px;
    border-radius: 3px;
    border: 1px solid #d3d3d3;
    padding: 8px;
        box-sizing: border-box;
}
.prolist li a:hover img{
	    border: 1px solid #2577e3;
}
.prolist li a p{
	    display: block;
    font-size: 16px;
    line-height: 30px;
    height: 30px;
    font-weight: bold;
    margin-top: 10px;
    background: url(../images/icon_plus.jpg) no-repeat left center;
    padding-left: 20px;
    overflow: hidden;
    color: #333;
}
.prolist li a:hover p{
	color: #2577e3;
}
.nlist{
	    overflow: hidden;
    padding: 10px 0;
}
.nlist li{
	width: 570px;
	padding: 0 15px;
	box-sizing: border-box;
	margin-right: 30px;
	    line-height: 34px;
    border-bottom: 1px dashed #d3d3d3;
    overflow: hidden;
    background: url(../images/icon_news.jpg) no-repeat left center;
  float: left;
}
.nlist li:hover{
	border-color:#2577e3; 
}
.nlist li a{
	    font-size: 14px;
	    color: #333;
}
.nlist li:hover a{
	color:#2577e3; 
}
.nlist li span {
    float: right;
    font-size: 14px;
    color: #333;
}
.nlist li:hover span{
	color:#2577e3; 
}

/* 首页改版开始 */
.wrap {
    margin: 0 auto;
    width: 1200px;

  /*  overflow: hidden;*/
}
.wrap *{
 box-sizing: content-box;	
}
.in_03 {
    padding: 28px 0;
    height: auto;
    overflow: hidden;
    background: #272733;
	    box-sizing: content-box;
}
.in_03 ul {
    height: auto;
    overflow: hidden;
    margin-bottom: 25px;
	    box-sizing: content-box;
}
.in_03 li {
    float: left;
    padding: 0 14px;
    border-bottom: 1px solid #435372;
    font-size: 16px;
    color: #fff;
    margin-right: 65px;
	    box-sizing: content-box;
}
.in_03 li b {
    color: #82b6fe;
    font-size: 36px;
}
.in_03 p {
    background: #0059d3;
    font-size: 22px;
    border-radius: 15px;
    clear: both;
    line-height: 35px;
    color: #fff;
    width: 740px;
    text-align: center;
    margin: 0 auto;
}
.in_04{height: auto;overflow: hidden;/*margin-bottom: 40px;*/}
.in_04_01{float: left; background: url(../images/cion02.jpg) right top no-repeat;width: 260px;    padding: 40px 95px 40px 0;    box-sizing: content-box;}
.in_04_01 li i{color: #0059d3;font-style: normal;}
.in_04_01 li span{display: block; font-size: 18px;line-height: 35px;text-align: right;color: #000;}
.in_04_01 li p{text-align: right;color: #777777;line-height: 25px;font-size: 14px;}
.in_04_02{float: left;background: url(../images/cion03.jpg) left top no-repeat;height: 190px; padding: 300px 25px 0 200px;margin:0 10px; width:245px;    box-sizing: content-box;}
.in_04_02 strong{display: block; font-size: 28px;margin-bottom: 20px;color: #444;}
.in_04_02 span{background: #0059d3;padding: 5px 25px;border-radius: 10px;color: #ffd234;font-weight: bold;font-size: 16px;    box-sizing: content-box;}
.in_04_03{/*margin-top: 40px;*/ float: left;background: url(../images/cion04.jpg) left top no-repeat;width: 260px;padding:40px 0 40px 95px;    box-sizing: content-box;}
.in_04_03 li i{color: #0059d3;font-style: normal;}
.in_04_03 li span{display: block; font-size: 18px;line-height: 35px;color: #000;}
.in_04_03 li p{color: #777777;line-height: 25px;font-size: 14px;}
/*产品优势结束*/

/*公司简介开始*/
.left{
	float: left;
}
.right{
	float: right;
}
.in_05{padding:70px 0;height: auto;overflow: hidden;background:#e6f1ff;    box-sizing: content-box;}
.in_05 .left{position: relative;left: 0;top:0;}
.in_05 .left span{position: absolute;left: 30px;bottom: -40px;transition:all 0.4s; display: block; background: #0059d3;text-align: center;width: 125px;height: 140px;}
.in_05 .left span:hover{background: #ffd137;}
.in_05 .left span:hover a{color: #0059d3;}
.in_05 .left span a{display: block; position: absolute;top:30px;left: 25px;transition:all 0.4s; border: 1px solid #fff;padding: 15px 25px;border-radius: 50%;font-size: 36px;color: #fff;}
.in_05 .right{width: 879px;}
.in_05 .right li{float: left; margin-right: 15px    box-sizing: content-box;;}
.in_05 .right li img{width: 200px;height: 140px;}
.in_05 .right p{line-height: 35px;margin-top: 35px;color: #666666;font-size: 14px;    box-sizing: content-box;}
.in_05_tit{background: url(../images/company_tit.png) left no-repeat;line-height: 50px;}
.in_05_tit strong{font-size:36px; }
/*公司简介结束*/


/*售后服务开始*/
.home-serviceBox {
    width: 100%;
    height: auto;
    padding: 70px 0;
    /*background: url(../images/Bg5.jpg)top center fixed;*/
    background-size: cover;
}
.home-service {
    width: 1200px;
    margin: 0 auto;
}
.home-service .h1 {
    display: block;
    color: #4a4a4a;
    font-size: 30px;
    letter-spacing: 2px;
    margin-bottom: 40px;
    text-align: center;
}
.service-home {
    width: 1200px;
    margin-bottom: 40px;
}
.service-home ul li {
    float: left;
    width: 160px;
    
    margin: 0 20px;
    height: 260px;
}
.service-home ul li img {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto 10px;
}
.service-home ul li .h2 {
    display: block;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
    color: #444;
}
.service-home ul li i {
    display: block;
    width: 100px;
    height: 2px;
    background: #bc9882;
    margin: 0 auto 10px;
}
.service-home ul li p {
    display: block;
    /*text-align: center;*/
    line-height: 20px;
    color: #666;
    text-align: justify;
    font-size: 12px;
}
.home-service .more {
    display: block;
    width: 160px;
    height: 34px;
    border: solid 1px #bc9882;
    line-height: 34px;
    color: #bc9882;
    text-align: center;
    border-radius: 6px;
    letter-spacing: 1px;
    margin: 0 auto;
}