/*基础CSS*/
html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, input, select, input { margin: 0; padding: 0; border: 0 none; color:#666; outline: 0; font-weight: inherit; font-style: inherit; font-size: 14px; font-family: "微软雅黑", "Microsoft YaHei", sans-serif; vertical-align: baseline;box-sizing: border-box; -moz-box-sizing: border-box;  -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;  }
body{min-width: 1200px;}
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
a { text-decoration: none; color: #666; }
a:hover{ color:#028ce5}
a img, iframe { border: none; }
p {line-height: 22px;}
img { vertical-align: top;}
ol, ul,li { list-style: none; }
input, textarea, select, button { font-size: 100%; font-family: inherit; }
select { margin: inherit; }
/* Fixes incorrect placement of numbers in ol’s in IE6/7 */
ol { margin-left: 2em; }
/* == clearfix == */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clear { clear:both; overflow:hidden;}
.none{display:none;}
.wrap{ width:1200px; margin:0 auto;}
.fl{ float: left}
.fr{ float: right}
/* == 以上 reset Css == */

    .tops{height: 40px;background-color: #f4f4f4;}
    .tops .topps{width: 1200px;margin: 0 auto;}
    .tops .topps .sp1{float: left;line-height: 40px;}
    .tops .topps h1{display: inline-block;font-size: 14px;color: #666;font-weight:normal;float: left;line-height: 40px;}
    .tops .topps .sp2{float: right;line-height: 40px;}
    .tops .topps a{margin-right: 10px;}

/*广告*/
.banner-boxs{position: relative;overflow: hidden;height: 500px;min-width: 1100px}
.banner-boxs .bd{width: 100%!important}
.banner-boxs .bd li{width: 100%!important;height: 500px;background-position: center;background-repeat: no-repeat}
.banner-boxs .bd li a{display: block;width: 100%!important;height: 100%!important;background-size: auto}
.banner-btn{position: absolute;top: 200px;left: 0;overflow: hidden;margin-left: 0;width: 100%;height: 350px}
.banner-btn a{position: absolute;top: 0;display: block;width: 49px;height: 104px;opacity: 0;-webkit-transition: .3s all ease-in-out;transition: .3s all ease-in-out;-moz-opacity: 0;-khtml-opacity: 0}
.banner-btn a.prev{left: -50px;background: url(../images/b_ico.png) no-repeat 0 0}
.banner-btn a.next{right: -50px;background: url(../images/b_ico.png) no-repeat -49px 0}
.banner-boxs .hd{position: absolute;top: 254px;display: block;width: 100%}
.banner-boxs .hd ul{text-align: center}
.banner-boxs .hd ul li{display: inline-block;margin: 0 5px;width: 20px;height: 20px;border-radius: 20px;background: #ccc;text-indent: -9999px;cursor: pointer;-webkit-transition: .3s all ease-in-out;transition: .3s all ease-in-out}
.banner-boxs .hd ul li.on{width: 32px;background: #ff6d00}
.banner-boxs:hover .banner-btn a.prev{left: 54px;opacity: .4;-moz-opacity: .4;-khtml-opacity: .4}
.banner-boxs:hover .banner-btn a.next{right: 54px;opacity: .4;-moz-opacity: .4;-khtml-opacity: .4}
.banner-boxs .banner-btn a.prev:hover,.banner-boxs:hover .banner-btn a.next:hover{opacity: .8;-moz-opacity: .8;-khtml-opacity: .8}

.abc{width: 100%;height: 50px;}

.top-containers{width:100%;background:#fff;z-index:1000;-moz-box-shadow:0px 3px 3px rgba(0,0,0,.05); -webkit-box-shadow:0px 3px 3px rgba(0,0,0,.05); box-shadow:0px 3px 3px rgba(0,0,0,.05);}
.top-box{width:1190px;height:auto;margin:auto;}
.top-box .logo{float:left;width:360px;height:107px;}
.top-box .logo a{float:left;display:block;width:100%;height:100%;background:url(../images/logo.png) no-repeat left center;}
.top-box .nav{float:left;width:auto;margin-left: 66px;}
.top-box .nav li{float:left;font-size:16px;position:relative;}
.top-box .nav li a.main-a{display:block;width:100px;text-align:center;line-height:107px; font-size:16px}
.top-box .nav li a.main-a:link,.top-box .nav li a.main-a:visited{color:#000;background-color:#fff;background-image:url(../images/menuicon.png);background-repeat:no-repeat;background-position:center 107px;}
.top-box .nav li a.main-a:hover,.top-box .nav li a.main-a:focus,.top-box .nav li a.main-a:active{background-color:#fafafa;background-position:center 100px;font-weight:bold;}
.top-box .nav li.on a.main-a:link,.top-box .nav li.on a.main-a:visited{background-color:#fafafa;background-position:center 100px;font-weight:bold;}


.top-box .pho{float:right;width:auto;color:#fff;border-radius: 5px; margin-top:34px;font-size:16px; padding:8px 10px;background:#00a0e9; font-weight:bold}




.index_products{ margin-top:50px;}

.title{ width:100%; margin-bottom:50px; text-align:center; overflow:hidden; position:relative}

.title h2{ font-size:38px; line-height:50px; color:#028ce5; font-weight:bold}
.title h3{ font-size:60px; line-height:50px; width: 100%; color:#f1f1f1;position: absolute; z-index:-99; top:0; text-transform: uppercase; font-weight:bold}
.title .titlex{width:9px; height:9px; border-radius:50%;background: #028ce5; display:block;  margin:10px auto; position:relative}
.title span{ position:absolute; width:300px; height:1px; background:#f1f1f1; left:-150px; z-index:-99; top:4px} 
.title p{ font-size:16px; line-height:21px }



.wrap .left{ width:250px; float:left; height:auto;}
.wrap .left .cate {background:#028ce5; height:70px; font-size:30px; color:#fff; font-weight:bold; text-align: center; line-height:70px}
.wrap .left .cate  .iconfont{ line-height:70px; color:#fff; font-size:30px;font-weight: normal; padding-right:20px }
.wrap .left ul{border-left: #e3e3e3 solid 3px;border-right: #e3e3e3 solid 3px; }
.wrap .left ul li{  line-height:50px; border-bottom:#e3e3e3 solid 1px }
.wrap .left ul li a{ display:block; font-size: 16px; color: #333;}
.wrap .left ul li a i{ padding:0 20px}
.wrap .left ul li a:hover{ color:#028ce5}    


.wrap .left .prod_lb{width: 250px;height: 136px;background: url(../images/p_lx.jpg) no-repeat center}
.wrap .left .prod_lb span{display: block;padding: 24px 0 0 158px;color: #666;font-size: 14px;line-height: 14px}
.wrap .left .prod_lb p{padding: 14px 0 0 92px;color: #007bdf;font-size: 20px;line-height: 22px}
.wrap .left .prod_lb a{display: block;margin: 15px 0 0 106px;width: 120px;height: 30px;border: 1px solid #007bdf;color: #007bdf;text-align: center;font-size: 14px;line-height: 30px}
.wrap .left .prod_lb a:hover{border: 1px solid #ff6d00;color: #ff6d00}

.wrap .prolist{ overflow: hidden;}
.wrap .prolist li{ float:left; width:285px; margin-right:20px; margin-bottom:20px;}
.wrap .prolist li:nth-child(4){margin-right: 0;}
.wrap .prolist li:nth-child(8){margin-right: 0;}
.wrap .prolist li:nth-child(12){margin-right: 0;}
.wrap .prolist li img{ width:285px; height:220px;} 
.wrap .prolist li span{ display:block; height:40px; line-height:40px; background-color:#028ce5; text-align:center; color:#fff;}


.wrap .prolists{ overflow: hidden;}
.wrap .prolists li{ float:left; width:285px; margin-left:20px; margin-bottom:20px;}
.wrap .prolists li:nth-child(1){margin-left: 0;}
.wrap .prolists li:nth-child(4){margin-left: 0;}
.wrap .prolists li:nth-child(7){margin-left: 0;}
.wrap .prolists li img{ width:285px; height:220px;} 
.wrap .prolists li span{ display:block; height:40px; line-height:40px; background-color:#028ce5; text-align:center; color:#fff;}

.cores{ background:url(../images/core-bg.jpg) center top no-repeat; height:789px; overflow:hidden; margin:50px auto;}

.cores .title{ background:url(../images/core-title.png) center top no-repeat; margin:0 auto; width:690px; height:110px; margin-bottom:50px; text-align:center; overflow:hidden; margin-top:50px;}
.cores .title span{ display:block; margin-top:88px; font-size:15px;}
.core_list ul li{ float:left; width:300px; height:540px; overflow:hidden;}
.core_list ul li>:nth-child(2){ color:#333; font-size:30px; font-weight:bold; line-height:30px; margin:20px auto; text-align:center;}
.core_list ul li>:nthfirst-child(2) span{ font-size:20px; font-weight:normal;}
.core_list ul li p:last-child{ color:#666; text-align:center; width:240px; margin:20px auto; line-height:25px;}
.core_list ul li .line{ display:block; width:50px; height:1px; background-color:#0269b4; margin:0 auto;}
.core_list .w{ background-color:#f1f1f1;}
.core_list .g{ background-color:#e1e1e1;}

.case .title{ background:url(../images/case-title.jpg) center top no-repeat; margin:0 auto; width:670px; height:110px; margin-bottom:50px; text-align:center; overflow:hidden;}
.case .title span{ display:block; margin-top:88px; font-size:15px;}

.advanture{ position:relative;}
.advanture .center_img{ position:absolute; left:480px; top:460px; z-index:9;}
.advanture .adv1{ height:370px;}
.advanture .adv1 img{ float:left; width:600px; height:370px;}
.advanture .adv1>div{ background:url(../images/one.jpg) left center no-repeat; height:47px; font-size:28px; margin-left:100px; float:left; width:490px; margin-top:30px; line-height:60px;}
.advanture .adv1>div span{ display:block; float:left; font-size:28px; margin-left:40px; margin-right:10px; color:#028ce5;}
.advanture .adv1>p{ display:block; float:left; margin-left:100px; font-size:18px; line-height:35px; width:490px; margin-top:30px;}
.advanture .adv2{ height:480px; border:solid 1px #fff;}
.advanture .adv2 img{ float:right; width:600px; height:480px;}
.advanture .adv2>div{ background:url(../images/two.jpg) left center no-repeat; height:47px; font-size:28px;float:left; width:490px; margin-top:100px; line-height:60px;margin-bottom:30px;}
.advanture .adv2>div span{ display:block; float:left; font-size:28px; margin-left:50px; margin-right:10px; color:#028ce5;}
.advanture .adv2>p{ display:block; float:leftmargin-left:100px; font-size:18px; line-height:35px; width:490px; margin-top:30px;}

.advanture .adv3{ height:350px;}
.advanture .adv3 img{ float:left; width:600px; height:350px;}
.advanture .adv3>div{ background:url(../images/three.jpg) left center no-repeat; height:47px; font-size:28px; margin-left:100px; float:left; width:490px; margin-top:60px; line-height:60px; }
.advanture .adv3>div span{ display:block; float:left; font-size:28px; margin-left:50px; margin-right:10px; color:#028ce5;}
.advanture .adv3>p{ display:block; float:left; margin-left:100px; font-size:18px; line-height:35px; width:490px; margin-top:30px;}



.ad1{ background:url(../images/ad1.jpg) center top no-repeat; margin:0 auto; height:250px; background-color:#333;}
.ad2{ background:url(../images/ad-two.jpg) center top no-repeat; margin:0 auto; height:350px;}


/* case */
.clear_both{clear:both;line-height:1px;}
.gallery_data{display:none;}
.gallery_preload_area{display:none;}
.gallery_container{width:1200px;margin:20px auto;}
.gallery_thumbnails{float:left;display:inline;}
.gallery_thumbnails a{height:152px;width:170px;float:left;border:1px solid #ccc;margin:0px 10px 10px 0px;}
.gallery_thumbnails a img{ height:152px;width:170px;}
.gallery_thumbnails a:hover{border-color:#fff;}
.gallery_thumbnails a.selected{border-color:#fff;}
.gallery_preview{width:650px;height:481px;float:right;}
.gallery_preview a{display:block;width:650px;height:481px;}
.gallery_preview a:hover{border-color:#fff;}
/* Hide for browsers with no JavaScript support */
.gallery_data{display:block}
.gallery_thumbnails{width:auto;}
.gallery_preview{display:none;}
.gallery_caption{display:none;}


.footers{ background-color:#333;  margin-top:60px; }
.footers  .wrap{ border-bottom:#4d4d4d solid 1px; }

.footers .link{ line-height:50px; padding:20px 0; border-bottom:#4d4d4d solid 1px; margin-bottom:40px;color:#fff;}
.footers .link a{padding: 0 5px;color:#777777;font: 15px/50px "Microsoft YaHei"}
.footers .link a:hover{color:#028ce5;word-break:break-all}

.footers h2{ font-size: 26px; color:#028ce5; font-weight:bold;color:#fff;}
.footers .copyright{margin:30px 0;  }

.footers .copyright .gsxx{ float:left;}
.footers .copyright p{color:#777777; line-height:50px;}
.footers .copyright p a{ color:#777777; padding-right:40px;color:#fff;}
.footers .copyright p span{ width:300px;    display: inline-block;color:#fff;}

.footers .er{ float:right; width:300px;border-left:#4d4d4d solid 1px; padding-left:40px; }
.footers .er img{ width:150px; height:150px;}

.footers .footerb{ text-align:center;padding:20px 0;}


.ny_banner{overflow: hidden;width: 100%;height: 300px;margin-bottom: 50px; position:relative}
.ny_banner .bimg{ position:absolute; left:50%; margin-left:-960px;}


.con-right{ float:right; width:910px; margin-top:20px; overflow:hidden; line-height:30px; min-height:590px; padding-bottom:30px;}
.position{ height:50px; line-height:50px; font-size:16px; font-family:Microsoft Yahei; border-bottom:solid 1px #ccc; margin-bottom:20px;}
.position a{ font-size:16px; padding:0 5px}


.about-info p{ font-size: 16px; line-height: 32px;}
.about-info img{ max-width:910px;}

.about-info a{ font-size:16px; font-weight:bold; color:#007bdf}


.paginationr{  display: table; margin:50px auto 0; font-size:16px;}
.paginationr a{ display:block; float:left; height:30px; line-height:30px; border:solid 1px #f2f2f2; text-align:center; margin-right:5px; padding:0 10px;}
.paginationr a:hover, .active{ background:#028ce5; color:#fff}

.product-info h5{ text-align:center; margin-bottom:20px; font-size:30px; font-family:Microsoft Yahei; }
.product-info h1{ text-align:center; margin-bottom:20px; font-size:30px; font-family:Microsoft Yahei; }
.product-info .xq{ height:35px; line-height:35px; background-color:#028ce5; color:#fff; text-indent:20px; font-size:15px; margin-bottom:20px;}
.product-info .time{ text-align:center; margin-bottom:20px;}
.product-info .in{ line-height:30px;}
.product-info .in p{ line-height:30px;}
.product-info p img{ max-width:750px}


.main-products{ width:100%}
.main-products:before, .main-products:after{content: ""; display: table;clear: both;}
.main-products{ padding:20px; background:#fff}
.main-products-left{ float:left; width:400px}
.main-products-right{ float:right; width:420px}
.main-products h1{font-size: 30px;color: #333;line-height: 60px;font-family: "OpenSans-Semibold"; margin-bottom:20px;}
.main-products-right table{ text-align:left; line-height:3em;  font-size:16px;}
.main-products-right table th{  color: #888; margin-right:10px}
.main-products-right table td{color: #222;}
.attr-line { border-bottom: 1px solid #e9eef4;padding:20px 0}
.gsms{ line-height:2em;  margin-top:20px}
#showbox { background:#eee;cursor:pointer }
#showbox img{padding: 2px; width:100%}
#showbox span { background:url(../images/whitebg.png) repeat;}
#showsum { left:-5px; margin:20px 0; height:70px !important; }
#showsum span { border:2px solid #ededed; cursor:pointer}
#showsum span.sel { border:2px solid #1874fa;}
.showpage { width:400px; position:relative;}
.showpage a { display:block; width:20px;  height:70px; line-height:70px; background:#eee; text-align:center; font-size:18px;font-family: "OpenSans-Semibold"; position:absolute; left:0; top:-90px; text-decoration:none; color:#999; background:#ededed}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#1874fa; color:#fff;}


.details { margin-bottom:40px; background:#e3e3e3}
.details span{ width:120px; text-align:center; background:#028ce5; line-height:40px; color:#fff; font-size:16px; display:inline-block}



.p_link{ padding:20px 0; font-size:16px; }
.prenext{ height:60px; line-height:60px; border-top:solid 1px #f2f2f2; margin-top:20px;}
.prenext p{ display:block; float:left;line-height:60px;  }
.prenext p:last-child{ float:right;}

.form-control{ border:solid 1px #ccc; height:35px; width:600px; text-indent:10px;}

.form-group{ margin-bottom:20px;}
.form-group lable{ margin-right:10px;}
.btn{ height:35px; width:150px; text-align:center; line-height:35px; margin-top:20px; margin-bottom:30px;}

.newss h5{ font-size:24px; font-family:Microsoft Yahei; font-weight:bold; margin-bottom:20px;}
.newss h5 span{ float:right; font-size:12px; line-height:35px;}
.company-news{ width:410px; float:left; padding:20px; overflow:hidden; border:solid 1px #ccc; -moz-box-shadow:5px 5px 5px #ccc; -webkit-box-shadow:5px 5px 5px #ccc; box-shadow:5px 5px 5px #ccc;}
.company-news img{ width:100%; height:220px;}
.company-news .tit{ font-size:15px; font-family:Microsoft Yahei; line-height:40px; }
.company-news .tit a{color:#333;}
.company-news .time{ background:url(../images/news-time-dot.jpg) left center no-repeat; text-indent:25px; height:40px; line-height:40px; display:block;}
.company-news .line{ display:block; width:30px; height:1px; border-top:solid 1px #ccc; margin:10px 0;}
.company-news .nr{ margin:10px 0; line-height:25px;}
.company-news .cka{ display:block; width:120px; height:35px; line-height:35px; text-align:center; color:#666; border:solid 1px #ccc; border-radius:10px; margin:10px 0;}

.question-news{ width:550px; float:left;margin-bottom: 50px;}
.mar{margin-right: 100px;}
.list_lh{height:433px;overflow:hidden;border-bottom: 1px dashed #666;}
.list_lh ul li{ height:110px; overflow:hidden; margin-bottom:20px;}
.list_lh ul li .q-img{ float:left;width:220px; height:148px;border:solid 1px #ccc;  margin-right:20px;}
.list_lh ul li img{ width:100%; height:146px; }


.list_lh ul li .q-info{ float:left; width:525px;}

.list_lh ul li .q-q{overflow: hidden;width: 100%; background:url(../images/n_q.png) left center no-repeat; text-indent:30px; height:40px; line-height:40px; display:block; font-size:18px; color:#333;}
.list_lh ul li .q-q:hover{ color:#028ce5; }
.list_lh ul li .q-a{ background:url(../images/n_a.png) left 4px no-repeat; text-indent:30px; line-height:30px; display:block; margin-top: 10px;}

.abouts{ background:url(../images/about-title.jpg) center top no-repeat; height:430px; overflow:hidden; margin:50px 0;}
.abouts .title2{ font-size:40px; font-family:Microsoft Yahei;  margin-top: 20px;  color:#333;}
.abouts .title2 span{ display:block; font-size:18px; margin-top: 10px;}
.abouts .info{ width:600px; margin-top:20px; }
.abouts .info p{ font-size:16px; line-height:30px; }

.news-list ul li{ height:auto; margin-bottom:20px; border-bottom:dashed 1px #ccc; padding-bottom:10px; padding-top:10px;}
.news-list ul li .nl_l{float: left; width:280px;height: 200px; border: 1px solid #eee;}
.news-list ul li .nl_l img{width:100%; height:100%}
.news-list ul li .nl_r{}
.news-list ul li .nl_r h3{ font-size: 18px; line-height: 32px;  }
.news-list ul li .nl_r a:hover h3{ color:#028ce5 }
.news-list ul li .nl_r p{ padding: 10px 0; line-height: 2em;}


.liuyan{ width:540px; margin:0 auto; box-sizing:border-box}
.form-group { margin-bottom: 1rem;}
label { display: inline-block; margin-bottom: .5rem;}
textarea {overflow: auto;resize: vertical;}
.form-control {display: block; width: 100%; height: calc(2.25rem + 2px); padding: .375rem .75rem;line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;box-sizing: border-box;}
textarea.form-control {height: auto;}
button, input { overflow: visible;}
.btn-info {color: #fff;background-color: #877f6a;}
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle { color: #fff; background-color: #117a8b;border-color: #10707f;}
.btn {display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none;-ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .375rem .75rem;font-size: 1rem;margin-top:1rem; line-height: 1.5; border-radius: .25rem;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.btn:not(:disabled):not(.disabled) { cursor: pointer;}
.col-6{ width:40%; float:left;}