﻿body, html { width: 100%; height: 100%; font-size: 13px; }
* { margin: 0 auto; padding: 0; transition-property: all; -ms-transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; }
body { font-family: "microsoft yahei"; color: #333; background: #FFFFFF; height: 100%; }
a { text-decoration: none; color: #333333; -webkit-transition: all ease .2s; -moz-transition: all ease .2s; transition: all ease .2s; border: none }
a:hover{ color:#3193c8;}
a:focus { outline: 0; }
img { /*width: 100%; height: 100%; */border: none; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; }
ul, li { list-style: none; }
.clear,.cl { clear: both; }
/*p { margin: 0 auto; padding: 0; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; }*/
.padding5 { padding: 5px; }
.padding10 { padding: 10px; }
.padding15 { padding: 15px; }
.padding20 { padding: 20px; }
.padding30 { padding: 30px; }
.padding40 { padding: 40px; }
.fr { float: right; }
.fl { float: left; }
.paddingright { padding-right: 10px; }
.paddingleft { padding-left: 10px; }
.undis { display: block; }
.dis { display: none; }
.pr5 { padding-right: 5px; }
.red { color: #f00; }
.fff { color: #fff; }
.pdt30 { padding-top: 30px; }
.txtcenter { text-align: center; }
.container { width: 1180px; margin: 0 auto; }
input, button, select, textarea { outline: none; font-family: "microsoft yahei"; }
textarea { resize: none; }
input[type="button"], input[type="submit"], input[type="reset"], input[type="text"] { -webkit-appearance: none; padding: 0; margin: 0; font-weight: normal; }
submit { font-family: arial; }
#warp { width: 100%; height: 100%; position: relative; }
#home .home ul li a { color: #FFFFFF; border-bottom: none; }
#home .home ul li a:hover { color: #fff; }
#about .about ul li a { color: #FFFFFF; border-bottom: none; }
#about .about ul li a:hover { color: #fff; background: #3193c8; }
#products .products ul li a { color: #FFFFFF; border-bottom: none; }
#products .products ul li a:hover { color: #fff; background: #3193c8; }
#news .news ul li a { color: #FFFFFF; border-bottom: none; }
#news .news ul li a:hover { color: #fff; background: #3193c8; }
#photo .photo ul li a { color: #FFFFFF; border-bottom: none; }
#photo .photo ul li a:hover { color: #fff; background: #3193c8; }
#contact .contact ul li a { color: #FFFFFF; border-bottom: none; }
#contact .contact ul li a:hover { color: #fff; background: #3193c8; }
.gotop { width: 24px; height: 24px; padding: 10px; background: #ccc url(../images/float_qqicon1.png) no-repeat center; position: fixed; right: 0; bottom: 0px; }
.container{ width:1200px; height:auto; margin:0 auto;}

/*首页*/
.headbg { width: 100%; height: 109px; background:url(../images/head_bg.jpg) repeat-x; z-index: 999; }
.head { width: 1200px; height: 109px; position: relative; z-index: 999; }
.head .logo { width: 244px; height: auto; position: absolute; left: 0; top: 0; z-index: 999; padding-top:20px; }
.head .logo a { display: inline-block; width: 244px; height: auto;}
.navigation { width: 760px; height: 109px; margin-left: 240px; line-height: 109px; }
.navigation li { float: left; width: 110px; text-align: center; font-size: 15px; position: relative;line-height: 109px; margin-right:15px; }
.navigation li a { display: block; color: #333;line-height: 120px;height: 109px; }
.navigation li a:hover { background:#3193c8; color: #fff; }
.navigation li a.current { background:#3193c8; color: #fff; }
.navigation li.menulang{ display:none;}
.navigation li ul { position: absolute; left: 0; top: 91px; width: 126px; display: none; }
.navigation li ul li { width: 126px; height: 38px; line-height: 38px; background: url(../images/navlibg.png) repeat; font-size: 14px; position: relative; }
.navigation li ul li a { color: #FFFFFF; position: relative; z-index: 999; }
.navigation li ul li a:hover { border-bottom: none; color: #fff; background: #3193c8; }
.navigation li ul li .mline { width: 0%; background: #3193c8; height: 38px; position: absolute; left: 0; top: 0; z-index: 000; -webkit-transition: 0.5s; transition: 0.5s; }
.navigation li ul li:hover .mline { width: 100%; }
.navigation li ul li:hover a { color: #FFFFFF; }
.headr { width: 150px; height: 22px; line-height: 22px; text-align: center; float: right; padding-top: 48px; position: relative; }
.headr a { display: inline-block; color: #333333; margin-right: 10px; }
#searchshowT { width: 22px; height: 22px; background: #575757; color: #FFFFFF; border-radius: 50%; }
#searchshowT i { font-size: 10px; text-align: center; line-height: 22px; }
.searchshow { width: 258px; height: 34px; z-index: 999; background: #FFFFFF; position: absolute; right: 0; top: 75px; display: none; }
.searchshow .inputt { width: 198px; padding: 0 10px; height: 32px; border: 1px solid #ddd; border-right: none; float: left; font-size: 14px; color: #999; }
.searchshow .submitt { width: 39px; height: 34px; float: left; border: none; background: #3193c8; color: #FFFFFF; font-size: 18px; }
.searchshow1 { display: none; }

.swiper-container img{ display:block; width:100%; height:auto;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{position:absolute; left:0; bottom:28px; width:100%; text-align:center; z-index:999;}
.swiper-pagination-bullet{display:inline-block; margin:0 10px; width:63px; height:8px; background:#ffffff; cursor:pointer;opacity:1;border-radius:0;}
.swiper-pagination-bullet-active{background:#3193c8;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px;}
.swiper-button-next, .swiper-button-prev{ width:45px; height:45px;opacity:1;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:150px; background:url(../images/prev.png) no-repeat;opacity:1;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:150px; background:url(../images/next.png) no-repeat;opacity:1;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity:1;}



.iprocate{ width:100%; height:auto;background:#f4f4f4; border-bottom:1px #cdcdcd solid; text-align:center;}
.iprocate ul li{ display:inline-block; height:79px; padding:0 22px; background:url(../images/iprocate_li_bg.jpg) no-repeat right 50%;}
.iprocate ul li:last-child{ background:none;}
.iprocate ul li a{ display:block; line-height:74px; height:74px; border-bottom:5px #f4f4f4 solid; font-size:15px; color:#1f1f1f;}
.iprocate ul li a:hover{border-bottom:5px #3193c8 solid;}

.iproduct{ width:100%; height:auto; background:#f4f4f4; padding:35px 0 25px 0;}
.iproductt{ text-align:center; padding-bottom:25px;}
.iproductt_cn{ font-size:30px; font-weight:bolder; color:#212121; letter-spacing:2px;}
.iproductt_line{ width:37px; height:5px; background:#3193c8; margin:20px auto 5px auto;}
.iproductt_en{ font-size:14px; color:#5b5b5b; padding-top:8px;letter-spacing:3px;}
.iproducti{  margin:10px auto 37px auto; text-align:center;}
.iproducti a{ display:inline-block; height:35px; line-height:35px; padding:0 18px; margin-right:8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; margin-bottom:10px;}
.iproducti a:last-child{ margin-right:0;}
.iproducti a:hover{ background:#3193c8; color:#fff;}
.iproducti a.ipcurr{ background:#3193c8; color:#fff;}

.iproductc{ padding-top:10px;}
.iproductcpp{ text-align:center; padding-top:43px;position: relative;}
.arrow-left { display:inline-block; margin-right:16px;background: url(../images/i_p_prev.png) no-repeat 50% 50%;width: 89px;height: 40px; cursor:pointer;}
.arrow-left:hover{ background:url(../images/i_p_prev_over.png) no-repeat 50% 50%;}
.arrow-right {display:inline-block;background: url(../images/i_p_next.png) no-repeat 50% 50%;width: 89px;height: 40px;cursor:pointer;}
.arrow-right:hover{ background:url(../images/i_p_next_over.png) no-repeat 50% 50%;}


.swiper-container2{ padding-bottom:15px;}
.swiper-container2 .swiper-wrapper{ display:block;}
.iproductc .swiper-slide{ text-align:center; width:25%; height:auto; float:left; display:block;}
.iproductc .swiper-slide a{ display:block; width:90%; height:auto; padding-top:40px;padding-bottom:40px;-webkit-transition: all .2s linear; transition: all .2s linear}

.iproductcimg{}
.iproductc .swiper-slide a img{ width:80%; height:auto; display:block; margin:0 auto 30px auto;}
.iproductc_t{ font-size:14px; color:#4a4a4a; padding-bottom:15px;}
.iproductc_m{ display:block; width:95px; height:25px; border:1px #a8a8a9 solid; line-height:25px; text-align:center; color:#686868; font-size:12px;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}
.iproductc .swiper-slide a:hover .iproductc_m{background:#fff; color:#000;border:1px #fff solid;}
.iproductc .swiper-slide a:hover{ background:#3193c8;-webkit-box-shadow:0 8px 15px rgba(0,0,0,0.1);box-shadow:0 8px 15px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0);}
.iproductc .swiper-slide a:hover .iproductc_t{ color:#fff;}

.iabout{ padding:40px 0 80px 0; width:100%; height:auto; background:#3193c8; color:#fff;}
.iaboutt{text-align:center; padding-bottom:25px;}
.iaboutt_cn{font-size:30px; font-weight:bolder; color:#fff; letter-spacing:2px;}
.iaboutt_line{ width:37px; height:5px; background:#fff; margin:20px auto 5px auto;}
.iaboutt_en{font-size:14px; color:#adcee5; padding-top:8px; letter-spacing:3px;}
.iaboutc{ padding-top:30px;}
.iaboutcl{ width:540px; height:auto; position:relative; z-index:9;}
.iaboutclbg{ width:418px; height:547px; background:#62a3c5;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25); position:absolute; z-index:10; top:0; right:0;}
.iaboutclac{ position:relative; z-index:999;}
.iaboutcl_t{ padding-left:38px; background:url(../images/i_about_icon.jpg) no-repeat left 50%; font-size:36px; font-weight:bolder; color:#fff; margin:35px 0 20px 0;}
.iaboutcl_c{}

.iaboutcr{ width:620px; height:auto;}
.iaboutcrt{ font-size:14px; line-height:32px; padding-bottom:35px;}
.iaboutcrc{}
.iaboutcrc_t{ font-size:18px; font-weight:bolder;}
.iaboutcrc_c{ padding-top:23px;overflow:hidden; position:relative;}
.iaboutcrc_c ul li{ width:190px; height:auto; float:left; margin-right:22px;}
.iaboutcrc_c ul li p{ text-align:center; padding-top:10px; line-height:25px; font-size:14px;}

.inew { width: 100%; height: auto; background: #f5f5f5; }
.inew .container { padding: 45px 0 65px 0; }
.inewc { padding-top: 30px; }
.inewcl { width: 580px; height: auto; }
.inewclt { }
.inewclt a { padding-top: 22px; }
.inewclt p { width: 140px; height: 48px; text-align: center; line-height: 48px; background: #3193c8; color: #fff; font-size: 18px; margin:0 0 0 0; }
.inewclc { background: #fff; }
.inewclc ul li { padding: 20px 15px 20px 15px; border-bottom: 1px #e9e9e9 solid; }
.inewclct { }
.inewclct a { font-size: 18px; color: #000000; }
.inewclct a:hover { color: #ed4242; }
.inewclc_time { padding: 8px 0; color: #878787; }
.inewclc_info { color: #555555; font-size: 14px; line-height: 28px; }


.foot{ width:100%; height:auto; background:#222222; padding:45px 0 70px 0; color:#fff;}
.footl{ width:310px; height:auto;}
.footlt{ padding-bottom:18px; border-bottom:1px #767166 solid; font-size:24px; font-weight:bolder;}
.footlc{ padding-top:18px;}
.footlc a{ display:block; width:50%; height:auto; font-size:15px; font-weight:bolder; text-indent:15px; float:left; line-height:46px; color:#d0d0d0;}
.footlc a:hover{ color:#3193c8;}

.footm{ width:380px; height:auto; margin-left:90px;}
.footmc{ padding-top:18px; font-size:14px; line-height:36px;color:#d0d0d0;}

.footr{ width:320px; height:auto;}
.footrc{ padding-top:25px;}
.footrc ul li{ width:137px; height:auto; text-align:center; float:left; margin-right:40px;}
.footrc ul li p{ text-align:center; padding-top:5px; font-size:14px; line-height:30px;}

.copyright{ width:100%; height:auto; background:#1c1c1c; color:#b9b9b9; padding:25px 0; line-height:25px;}
.copyright a{color:#b9b9b9;}
.copyright a:hover{ color:#fff;}




/*index end*/

/*product start*/
.common_banner{ width:100%; height:264px; overflow:hidden; }
.common_banner .container{height:184px;position:relative; z-index:9; padding-top:80px;}
.consearch{ width:380px; height:auto; margin:0 auto 0 auto;}
.consearcht{ color:#fd7d00; padding-bottom:10px;}
.consearchc{}
.consearch_sub{ width:67px; height:41px; border:0; background:#3193c8; color:#fff; text-align:center; line-height:41px; font-size:16px; font-weight:bolder;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.consearch_text{ width:313px; height:41px; line-height:41px; border:0; background:url(../images/consearch_sub_bg.png) repeat; color:#fff; font-size:14px; text-indent:10px;-moz-border-radius-topleft: 5px;-moz-border-radius-bottomleft: 5px;-webkit-border-top-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;border-bottom-left-radius:  5px;}


input.consearch_text:-ms-input-placeholder{color: #fff;opacity:1;}
input.consearch_text::-webkit-input-placeholder{color: #fff;opacity:1;}




.location{ position:absolute; z-index:99; right:0; bottom:0; line-height:40px; text-align:right; width:100%; height:auto; color:#fff;}
.location a{ color:#fff;}

.nproduct{ background:#fff;}
.plist .swiper-container2{ padding:20px 0;}
.plist .swiper-slide{ width:25%; height:auto; float:left; margin-bottom:15px;}

.goods_show { width: 1180px; padding: 25px 0; overflow: hidden; }
.goods_show img { max-width: 100%; }

/*add start*/
.pdetailimg_b{ text-align:center;}
.pdetailimg_info{ width:670px; height:40px; border:1px #555555 dashed; margin:15px auto; text-align:center; line-height:40px; font-size:14px; color:#909090;}
.pdetailimg_info span{ color:#f20707;}
.pdetailimg_img{ text-align:center; margin-top:20px;}
.pdetailimg_img a{ display:inline-block; margin-right:20px; width:70px; height:60px;border:1px #b5b5b5 solid;}
.pdetailimg_img a:last-child{ margin-right:0;}
.pdetailinfo{ margin:35px auto;}
.pdetailinfot{ width:100%; height:38px; background:#e1e1e1;}
.pdetailinfot ul li{ display:inline-block; width:110px; height:38px; text-align:center; line-height:38px; font-size:14px; color:#2d2d2d; }
.pdetailinfot ul li.pdetailinfotcurr{ background:#3193c8; color:#fff;}
.pdetailinfoc{ padding:40px 20px; font-size:14px; line-height:32px; color:#1d1d1d;}
.pdetailinfoc img{ max-width:100%; height:auto;}

/*add end*/


.goods_prev { width: 100%; height: 43px; line-height: 43px; overflow: hidden; padding-top: 30px; }
.goods_prev li { font-size: 15px; float: left; width: 397px; height: 43px; text-align: center; background: #c0c0c0; cursor: pointer; border-radius: 5px; }
.goods_prev li:hover { background: #3193c8; }
.goods_prev li:last-child { float: right; }
.goods_prev li a { color: #FFFFFF; }
.goods_prev p { font-size: 15px; margin-left: 145px; width: 100px; text-align: center; float: left; background: #c0c0c0; cursor: pointer; border-radius: 5px; }
.goods_prev p a { color: #FFFFFF; }
.goods_prev p:hover { background: #3193c8; }
/*product end*/

/*about start*/
.aboutc{ font-size:14px; line-height:35px; color:#272727; padding-bottom:20px;}
.aboutc img{ max-width:100%; height:auto; margin:10px auto;}
.aboutwh{ width:100%; height:auto; background:#f2f2f2; padding:35px 0;}
.aboutwht{ font-size:25px; font-weight:bolder; color:#272727; padding-bottom:18px;}
.aboutwhc{ font-size:14px; font-weight:bolder; color:#272727; line-height:36px;}
.aboutwhc img{ max-width:100%; height:auto; margin:10px auto;}
.aboutwhcimg{}
.aboutwhcimg ul li{ width:16.6%; height:auto; float:left; text-align:center}
.aboutwhcimg ul li img{ display:block; width:70%; height:auto; margin:0 auto;}
/*about end*/

/*new start*/
.nlist{}
.nlist ul li{ padding:20px 0; border-bottom:1px #cbcbcb dashed;}
.nlistl{ width:226px; height:auto;}
.nlistl img{ display:block; width:100%; height:auto;}
.nlistr{ width:940px; height:auto;}
.nlistrt{}
.nlistrt a{ color:#464646; font-size:20px; font-weight:bolder;}
.nlistrt a:hover{ color:#3193c8;}
.nlistrtime{ padding:15px 0; color:#717171;}
.nlistr_line{ width:42px; height:4px; background:#000000; margin:5px 0 15px 0;}
.nlistr_c{ padding-bottom:15px; color:#717171; font-size:14px; line-height:25px;}
.nlistr_m{ padding:3px 10px; background:#b4b4b4; color:#fff;}
.nlistr_m:hover{ background:#3193c8; color:#fff;}

.news_show { width: 1080px; padding: 25px 0; overflow: hidden; }
.news_sback { width: 100%; font-size: 14px; line-height: 32px; color: #333333; padding: 10px 0; }
.news_sback a { color: #333333; padding-right: 15px; }
.news_showTit { font-size: 24px; padding: 5px; line-height: 36px; color: #333333; font-weight: bold; }
.news_showtime { font-size: 14px; color: #999; line-height: 30px; }
.news_info { width: 100%; padding: 25px 0; font-size: 14px; line-height: 23px; color: #333333; }
.news_info img { max-width: 100%; }
.news_prevnext { width: 100%; overflow: hidden; height: 43px; }
.news_prevnext li { cursor: pointer; font-size: 14px; width: 410px; padding: 0 20px; height: 43px; line-height: 43px; color: #FFFFFF; background: #c0c0c0; border-radius: 5px; }
.news_prevnext li a { color: #FFFFFF; }
.news_prevnext li:hover { background: #3193c8; }
/*new end*/

/*contact start*/
.contactc{ width:100%; height:auto; min-height:280px; padding-top:30px; background:url(../images/contact_bg.jpg) no-repeat right top; margin-bottom:20px; color:#000000; font-size:16px; line-height:48px;}
.contactct{ font-size:36px; color:#043ef9; font-weight:bolder; margin-bottom:18px;}
.map{ width:100%; height:auto; margin-bottom:40px;}
.map img{ max-width:100%; height:auto;}
/*contact end*/

.pageController { width:100%; margin: 0 auto 0 auto; line-height: 25px; text-align:center; padding:45px 0;}
.pageController a { display:inline-block; background-color: #efefef; border: #e1e1e1 1px solid; color: #616161; padding: 3px 12px;}
.pageController a:hover { background-color: #3193c8; color: #fff; text-decoration: none; border: #3193c8 1px solid; }
.pageController .xuanzhong { background-color: #3193c8; color: #fff; font-weight: bold; border: #3193c8 1px solid; }

@media (min-width: 640px) and (max-width:1200px ) {
body, html { width: 100%; height: auto; }
.headbg { display: none; }
.searchshow1 { display: none; width: 94%; padding: 0 3%; height: 44px; padding-top: 10px; border-bottom: 1px solid #EEEEEE; background: #FFFFFF; z-index: 9999; position: relative; }
.searchshow1 .inputt { width: 92%; padding: 0 3%; box-sizing: border-box; height: 34px; border: 1px solid #ddd; border-right: none; float: left; font-size: 0.9rem; color: #999; }
.searchshow1 .submitt { width: 8%; height: 34px; float: left; border: none; background: #3193c8; text-align: center; color: #fff; font-size: 1.2rem; }
#home .home a, #about .about a, #products .products a, #news .news a, #photo .photo a, #contact .contact a { color: #3193c8; }
#home .home ul li a { color: #333; border-bottom: none; }
#home .home ul li a:hover { color: #3193c8; }
#about .about ul li a { color: #333; border-bottom: none; }
#about .about ul li a:hover { color: #3193c8; }
#products .products ul li a { color: #333; border-bottom: none; }
#products .products ul li a:hover { color: #3193c8; }
#news .news ul li a { color: #333; border-bottom: none; }
#news .news ul li a:hover { color: #3193c8; }
#photo .photo ul li a { color: #333; border-bottom: none; }
#photo .photo ul li a:hover { color: #3193c8; }
#contact .contact ul li a { color: #333; border-bottom: none; }
#contact .contact ul li a:hover { color: #3193c8; }
.container { width: 96%; margin: 0 auto; }

/*.iproduct{ width:100%; height:auto; background:#f1f1f1; padding:25px 0 25px 0;}
.iproductt{ text-align:center; padding-bottom:25px;}
.iproductt_cn{ font-size:24px; font-weight:bolder; color:#212121; letter-spacing:2px;}
.iproductt_en{ font-size:12px; color:#5b5b5b; padding-top:8px;}

.iabout{ width:100%; height:auto; background:url(../images/i_about_bg.jpg) no-repeat 50% top; padding-bottom:50px;}
.iaboutt_cn{ font-size:24px; font-weight:bolder; color:#fff; letter-spacing:2px;}
.iaboutt_en{ font-size:12px; color:#818182; padding-top:8px;}
.iaboutc ul li{ width:29%; height:auto; margin:0 2%; display:block; float:left;}


.inewcl{ width:65%; height:auto;}
.inewclt a{ font-size:18px; color:#000000; font-weight:bolder;}
.inewcltime{ padding:10px 0; color:#b5b5b5; font-size:13px; line-height:24px;}
.inewclc{ color:#686868; font-size:12px; line-height:24px; padding-bottom:15px;}
.inewcl_m{ float:left; display:block; width:142px; height:26px; line-height:26px; text-align:center; background:#919191; color:#fff;-webkit-border-radius: 26px;-moz-border-radius: 26px;border-radius: 26px;}
.inewcr{ width:32%; height:auto; padding-top:18px;}


.nproduct{ background:#fff;}
.plist .swiper-container2{ padding:20px 0;}
.plist .swiper-slide{ width:50%; height:auto; float:left; margin-bottom:15px;}



.footerbg { width: 100%; height: auto; background: #0a0a0a; }
.footer { width: 96%; padding-top: 30px; overflow: hidden; }
.footerLeft { float: none; width: 100%; height: auto; overflow: hidden; }
.footerLeft h1 { font-size: 1.5rem; float: left; margin-bottom: 15px; width: 178px; height: 46px; line-height: 46px; font-weight: normal; text-align: center; background: url(../images/f_h1bg.jpg) no-repeat; text-transform: uppercase; color: #FFFFFF; }
.footerLeft p { line-height: 26px; padding: 5px 0; width: 100%; font-size: 1rem; }
.footerLeft p i { font-size: 1.2rem; width: 20px; padding-right: 10px; }
.footerRight { float: right; width: 100%; overflow: hidden; padding-bottom: 35px; }
.footerRight .inputf1 { width: 100%; margin-top: 15px; height: 46px; line-height: 46px; background: none; border: none; border-bottom: 1px solid #525252; color: #FFFFFF; font-size: 0.9rem; }
.footerRight .textf1 { font-family: arial; width: 100%; height: 150px; line-height: 24px; padding-top: 10px; background: none; border: none; border-bottom: 1px solid #525252; color: #FFFFFF; font-size: 0.9rem; }
.footerRightb { width: 100%; height: 53px; text-align: right; margin-top: 42px; overflow: hidden; }
.footerRightb .subf1 { width: 144px; height: 43px; color: #FFFFFF; text-align: center; font-size: 18px; background:#963c0b; border: none;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; }
.footcopybg { width: 100%; height:auto; line-height: 25px; background: #0a0a0a; border-top: 1px solid #212121; padding:12px 0; }
.footcopy { width: 96%; color: #363636; font-size: 0.9rem;}
.footcopy a { color: #333; }
.footcopy span { display: none; }

.ifootercl{ float:none; color:#a2a2a2;}
.ifootercr{ float:none; color:#a2a2a2;}
.ifootercr a{color:#a2a2a2;}
.ifootercr a:hover{ color:#fff;}*/
.navigation li.menulang{ display:block;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:30px; background:url(../images/prev.png) no-repeat;opacity:1;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:30px; background:url(../images/next.png) no-repeat;opacity:1;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity:1;}



.iprocate{ display:none; width:100%; height:auto;background:#f4f4f4; border-bottom:1px #cdcdcd solid; text-align:center;}
.iprocate ul li{ display:inline-block; height:79px; padding:0 22px; background:url(../images/iprocate_li_bg.jpg) no-repeat right 50%;}
.iprocate ul li:last-child{ background:none;}
.iprocate ul li a{ display:block; line-height:74px; height:74px; border-bottom:5px #f4f4f4 solid; font-size:15px; color:#1f1f1f;}
.iprocate ul li a:hover{border-bottom:5px #3193c8 solid;}


.iproduct{ width:100%; height:auto; background:#f4f4f4; padding:35px 0 25px 0;}
.iproductt{ text-align:center; padding-bottom:25px;}
.iproductt_cn{ font-size:24px; font-weight:bolder; color:#212121; letter-spacing:2px;}
.iproductt_line{ width:37px; height:5px; background:#3193c8; margin:20px auto 5px auto;}
.iproductt_en{ font-size:14px; color:#5b5b5b; padding-top:8px;letter-spacing:3px;}
.iproducti{  margin:10px auto 37px auto; text-align:center;}
.iproducti a{ display:inline-block; height:40px; line-height:40px; padding:0 15px; margin-right:8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; margin-bottom:10px;}
.iproducti a:last-child{ margin-right:0;}
.iproducti a:hover{ background:#3193c8; color:#fff;}
.iproducti a.ipcurr{ background:#3193c8; color:#fff;}

.iproductc{ padding-top:10px;}
.iproductcpp{ text-align:center; padding-top:43px;position: relative;}
.arrow-left { display:inline-block; margin-right:16px;background: url(../images/i_p_prev.png) no-repeat 50% 50%;width: 89px;height: 40px; cursor:pointer;}
.arrow-left:hover{ background:url(../images/i_p_prev_over.png) no-repeat 50% 50%;}
.arrow-right {display:inline-block;background: url(../images/i_p_next.png) no-repeat 50% 50%;width: 89px;height: 40px;cursor:pointer;}
.arrow-right:hover{ background:url(../images/i_p_next_over.png) no-repeat 50% 50%;}


.swiper-container2{ padding-bottom:15px;}
.swiper-container2 .swiper-wrapper{ display:block;}
.iproductc .swiper-slide{ text-align:center; width:25%; height:auto; float:left; display:block;}
.iproductc .swiper-slide a{ display:block; width:90%; height:auto; padding-top:40px;padding-bottom:40px;-webkit-transition: all .2s linear; transition: all .2s linear}

.iproductcimg{}
.iproductc .swiper-slide a img{ width:80%; height:auto; display:block; margin:0 auto 30px auto;}
.iproductc_t{ font-size:14px; color:#4a4a4a; padding-bottom:15px;}
.iproductc_m{ display:block; width:95px; height:25px; border:1px #a8a8a9 solid; line-height:25px; text-align:center; color:#686868; font-size:12px;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}
.iproductc .swiper-slide a:hover .iproductc_m{background:#fff; color:#000;border:1px #fff solid;}
.iproductc .swiper-slide a:hover{ background:#3193c8;-webkit-box-shadow:0 8px 15px rgba(0,0,0,0.1);box-shadow:0 8px 15px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0);}
.iproductc .swiper-slide a:hover .iproductc_t{ color:#fff;}

.iabout{ padding:30px 0 40px 0; width:100%; height:auto; background:#3193c8; color:#fff;}
.iaboutt{text-align:center; padding-bottom:25px;}
.iaboutt_cn{font-size:24px; font-weight:bolder; color:#fff; letter-spacing:2px;}
.iaboutt_line{ width:37px; height:5px; background:#fff; margin:20px auto 5px auto;}
.iaboutt_en{font-size:14px; color:#adcee5; padding-top:8px; letter-spacing:3px;}
.iaboutc{ padding-top:30px;}
.iaboutcl{ width:45%; height:auto; position:relative; z-index:9;}
.iaboutclbg{ width:60%; height:440px; background:#62a3c5;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25); position:absolute; z-index:10; top:0; right:0;}
.iaboutclac{ position:relative; z-index:999;}
.iaboutcl_t{ padding-left:38px; background:url(../images/i_about_icon.jpg) no-repeat left 50%; font-size:36px; font-weight:bolder; color:#fff; margin:35px 0 20px 0;}
.iaboutcl_c{}
.iaboutcl_c img{ max-width:90%; height:auto;}

.iaboutcr{ width:50%; height:auto;}
.iaboutcrt{ font-size:14px; line-height:32px; padding-bottom:35px;}
.iaboutcrc{}
.iaboutcrc_t{ font-size:18px; font-weight:bolder;}
.iaboutcrc_c{ padding-top:23px;overflow:hidden; position:relative;}
.iaboutcrc_c ul li{ width:190px; height:auto; float:left; margin-right:22px;}
.iaboutcrc_c ul li p{ text-align:center; padding-top:10px; line-height:25px; font-size:14px;}

.inew { width: 100%; height: auto; background: #f5f5f5; }
.inew .container { padding: 30px 0 40px 0; }
.inewc { padding-top: 30px; }
.inewcl { width: 49%; height: auto; }
.inewclt { }
.inewclt a { padding-top: 22px; }
.inewclt p { width: 140px; height: 48px; text-align: center; line-height: 48px; background: #3193c8; color: #fff; font-size: 18px; margin:0 0 0 0; }
.inewclc { background: #fff; }
.inewclc ul li { padding: 20px 15px 20px 15px; border-bottom: 1px #e9e9e9 solid; }
.inewclct { }
.inewclct a { font-size: 15px; color: #000000; }
.inewclct a:hover { color: #ed4242; }
.inewclc_time { padding: 8px 0; color: #878787; }
.inewclc_info { color: #555555; font-size: 12px; line-height: 23px; }


.foot{ width:100%; height:auto; background:#222222; padding:45px 0 70px 0; color:#fff;}
.footl{ width:30%; height:auto;}
.footlt{ padding-bottom:18px; border-bottom:1px #767166 solid; font-size:24px; font-weight:bolder;}
.footlc{ padding-top:18px;}
.footlc a{ display:block; width:50%; height:auto; font-size:14px; font-weight:bolder; text-indent:0; float:left; line-height:46px; color:#d0d0d0;}
.footlc a:hover{ color:#3193c8;}

.footm{ width:35%; height:auto; margin-left:2.5%;}
.footmc{ padding-top:18px; font-size:14px; line-height:36px;color:#d0d0d0;}

.footr{ width:30%; height:auto;}
.footrc{ padding-top:25px;}
.footrc ul li{ width:48%; height:auto; text-align:center; float:left; margin-right:4%;}
.footrc ul li img{ max-width:100%; height:auto;}
.footrc ul li p{ text-align:center; padding-top:5px; font-size:12px; line-height:30px;}

.copyright{ width:100%; height:auto; background:#1c1c1c; color:#b9b9b9; padding:25px 0; line-height:25px;}
.copyright a{color:#b9b9b9;}
.copyright a:hover{ color:#fff;}

.nproduct{ background:#fff;}
.goods_show { width: 96%; padding: 25px 0; overflow: hidden; font-size: 1rem; }
.goods_show img { max-width: 100%; }
.goods_prev { width: 100%; height: auto; line-height: 43px; overflow: hidden; padding-top: 25px; }
.goods_prev li { margin-bottom: 15px; font-size: 1rem; float: none; width: 100%; height: 43px; text-align: center; background: #c0c0c0; cursor: pointer; border-radius: 5px; }
.goods_prev li:hover { background: #3193c8; }
.goods_prev li:last-child { float: right; }
.goods_prev li a { color: #FFFFFF; }
.goods_prev p { margin-bottom: 15px; font-size: 1rem; margin-left: 0; width: 100%; text-align: center; float: none; background: #c0c0c0; cursor: pointer; border-radius: 5px; }
.goods_prev p a { color: #FFFFFF; }
.goods_prev p:hover { background: #3193c8; }


/*new start*/
.nlist{}
.nlist ul li{ padding:15px 0; border-bottom:1px #cbcbcb solid;}
.nlistl{ width:35%; height:auto;}
.nlistl img{ display:block; width:100%; height:auto;}
.nlistr{ width:62%; height:auto;}
.nlistrt{}
.nlistrt a{ color:#464646; font-size:18px; font-weight:bolder;}
.nlistrt a:hover{ color:#3193c8;}
.nlistrtime{ padding:10px 0; color:#999999;}
.nlistr_line{ width:42px; height:4px; background:#000000; margin:5px 0 15px 0;}
.nlistr_c{ padding-bottom:15px; color:#464646; font-size:14px; line-height:25px; overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.nlistr_m{}

.news_show { width: 100%; padding: 25px 0; overflow: hidden; }
.news_sback { width: 96%; font-size: 0.9rem; line-height: 32px; color: #333333; padding: 10px 0; }
.news_sback a { color: #333333; padding-right: 15px; }
.news_showTit { font-size: 1.5rem; padding: 5px; line-height: 36px; color: #333333; font-weight: bold; }
.news_showtime { font-size: 0.9remm; color: #999; line-height: 30px; width: 96%; }
.news_info { width: 96%; padding: 25px 0; font-size: 0.9rem; line-height: 23px; color: #333333; }
.news_info img { max-width: 100%; }
.news_prevnext { width: 96%; overflow: hidden; height: auto; }
.news_prevnext li { margin-bottom: 15px; cursor: pointer; font-size: 0.9rem; width: 90%; padding: 0 5%; height: 43px; line-height: 43px; color: #FFFFFF; background: #c0c0c0; border-radius: 5px; }
.news_prevnext li a { color: #FFFFFF; }
.news_prevnext li:hover { background: #3193c8; }
}
 @media (min-width: 320px) and (max-width:640px ) {
.headbg { display: none; }
body, html { width: 100%; height: auto; }
.searchshow1 { display: none; width: 94%; padding: 0 3%; height: 44px; padding-top: 10px; border-bottom: 1px solid #EEEEEE; background: #FFFFFF; z-index: 9999; position: relative; }
.searchshow1 .inputt { width: 92%; padding: 0 3%; box-sizing: border-box; height: 34px; border: 1px solid #ddd; border-right: none; float: left; font-size: 0.9rem; color: #999; }
.searchshow1 .submitt { width: 8%; height: 34px; float: left; border: none; background: #3193c8; text-align: center; color: #fff; font-size: 1.2rem; }
#home .home a, #about .about a, #products .products a, #news .news a, #photo .photo a, #contact .contact a { color: #3193c8; }
#home .home ul li a { color: #333; border-bottom: none; }
#home .home ul li a:hover { color: #3193c8; }
#about .about ul li a { color: #333; border-bottom: none; }
#about .about ul li a:hover { color: #3193c8; }
#products .products ul li a { color: #333; border-bottom: none; }
#products .products ul li a:hover { color: #3193c8; }
#news .news ul li a { color: #333; border-bottom: none; }
#news .news ul li a:hover { color: #3193c8; }
#photo .photo ul li a { color: #333; border-bottom: none; }
#photo .photo ul li a:hover { color: #3193c8; }
#contact .contact ul li a { color: #333; border-bottom: none; }
#contact .contact ul li a:hover { color: #3193c8; }
.container { width: 96%; margin: 0 auto; }

/*.iproduct{ width:100%; height:auto; background:#f1f1f1; padding:25px 0 25px 0;}
.iproductt{ text-align:center; padding-bottom:25px;}
.iproductt_cn{ font-size:20px; font-weight:bolder; color:#212121; letter-spacing:2px;}
.iproductt_en{ font-size:12px; color:#5b5b5b; padding-top:8px;}
.iproducti a{ display:inline-block; height:30px; line-height:30px; padding:0 15px; border:1px #c8c8c8 solid; margin-right:5px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; margin-bottom:10px;}

.iabout{ width:100%; height:auto; background:url(../images/i_about_bg.jpg) no-repeat 50% top;background-size: cover; padding-bottom:50px;}
.iaboutt_cn{ font-size:24px; font-weight:bolder; color:#fff; letter-spacing:2px;}
.iaboutt_en{ font-size:12px; color:#818182; padding-top:8px;}
.iaboutc ul li{ width:45%; height:auto; margin:0 2% 15px 2%; display:block; float:left;}

.iaboutc ul li a p{ width:100%; height:45px; background:#252525; color:#fff; text-align:center; font-size:12px; line-height:45px;}
.inewcl{ width:100%; height:auto;}
.inewclt a{ font-size:18px; color:#000000; font-weight:bolder;}
.inewcltime{ padding:10px 0; color:#b5b5b5; font-size:13px; line-height:24px;}
.inewclc{ color:#686868; font-size:12px; line-height:24px; padding-bottom:15px;}
.inewcl_m{ float:left; display:block; width:142px; height:26px; line-height:26px; text-align:center; background:#919191; color:#fff;-webkit-border-radius: 26px;-moz-border-radius: 26px;border-radius: 26px;}
.inewcr{ width:100%; height:auto; padding-top:18px;}

.footerbg { width: 100%; height: auto; background: #0a0a0a; }
.footer { width: 96%; padding-top: 30px; overflow: hidden; }
.footerLeft { float: none; width: 100%; height: auto; overflow: hidden; }
.footerLeft h1 {  float: left; margin-bottom: 15px; width: 178px; height: 46px; line-height: 46px; font-weight: normal; text-align: left; background: url(../images/f_h1bg.jpg) no-repeat; text-transform: uppercase; color: #FFFFFF; }
.footerLeft p { line-height: 26px; padding: 5px 0; width: 100%; font-size: 0.9rem; }
.footerLeft p i { font-size: 1rem; width: 20px; padding-right: 10px; }
.footerRight { float: right; width: 100%; overflow: hidden; padding-bottom: 35px; }
.footerRight .inputf1 { width: 100%; margin-top: 15px; height: 46px; line-height: 46px; background: none; border: none; border-bottom: 1px solid #525252; color: #FFFFFF; font-size: 0.9rem; }
.footerRight .textf1 { font-family: arial; width: 100%; height: 150px; line-height: 24px; padding-top: 10px; background: none; border: none; border-bottom: 1px solid #525252; color: #FFFFFF; font-size: 0.9rem; }
.footerRightb { width: 100%; height: 53px; text-align: right; margin-top: 42px; overflow: hidden; }
.footerRightb .subf1 { width: 144px; height: 43px; color: #FFFFFF; text-align: center; font-size: 14px; background:#963c0b; border: none;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; }
.footcopybg { width: 100%; height:auto; line-height: 25px; background: #0a0a0a; border-top: 1px solid #212121; padding:12px 0; }
.footcopy { width: 96%; color: #363636; font-size: 0.8rem; }
.footcopy a { color: #333; }
.footcopy span { display: none; }

.ifootercl{ float:none; color:#a2a2a2;}
.ifootercr{ float:none; color:#a2a2a2;}
.ifootercr a{color:#a2a2a2;}
.ifootercr a:hover{ color:#fff;}*/


.swiper-container img{ display:block; width:100%; height:auto;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{position:absolute; left:0; bottom:10px; width:100%; text-align:center; z-index:999;}
.swiper-pagination-bullet{display:inline-block; margin:0 5px; width:25px; height:5px; background:#ffffff; cursor:pointer;opacity:1;border-radius:0;}
.swiper-pagination-bullet-active{background:#3193c8;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;}
.swiper-button-next, .swiper-button-prev{ width:25px; height:25px;opacity:1; margin-top:-10px;}


.navigation li.menulang{ display:block;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:15px; background:url(../images/prev.png) no-repeat; background-size:contain;opacity:1;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:15px; background:url(../images/next.png) no-repeat;background-size:contain;opacity:1;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity:1;}

.iprocate{ display:none;}

.iproduct{ width:100%; height:auto; background:#f4f4f4; padding:35px 0 25px 0;}
.iproductt{ text-align:center; padding-bottom:25px;}
.iproductt_cn{ font-size:18px; font-weight:bolder; color:#212121; letter-spacing:2px;}
.iproductt_line{ width:37px; height:5px; background:#3193c8; margin:20px auto 5px auto;}
.iproductt_en{ font-size:14px; color:#5b5b5b; padding-top:8px;letter-spacing:3px;}
.iproducti{  margin:10px auto 37px auto; text-align:center;}
.iproducti a{ display:inline-block; height:40px; line-height:40px; padding:0 15px; margin-right:8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; margin-bottom:10px;}
.iproducti a:last-child{ margin-right:0;}
.iproducti a:hover{ background:#3193c8; color:#fff;}
.iproducti a.ipcurr{ background:#3193c8; color:#fff;}

.iproductc{ padding-top:10px;}
.iproductcpp{ text-align:center; padding-top:43px;position: relative;}
.arrow-left { display:inline-block; margin-right:16px;background: url(../images/i_p_prev.png) no-repeat 50% 50%;width: 89px;height: 40px; cursor:pointer;}
.arrow-left:hover{ background:url(../images/i_p_prev_over.png) no-repeat 50% 50%;}
.arrow-right {display:inline-block;background: url(../images/i_p_next.png) no-repeat 50% 50%;width: 89px;height: 40px;cursor:pointer;}
.arrow-right:hover{ background:url(../images/i_p_next_over.png) no-repeat 50% 50%;}


.swiper-container2{ padding-bottom:15px;}
.swiper-container2 .swiper-wrapper{ display:block;}
.iproductc .swiper-slide{ text-align:center; width:50%; height:auto; float:left; display:block;}
.iproductc .swiper-slide a{ display:block; width:90%; height:auto; padding-top:40px;padding-bottom:40px;-webkit-transition: all .2s linear; transition: all .2s linear}

.iproductcimg{}
.iproductc .swiper-slide a img{ width:80%; height:auto; display:block; margin:0 auto 30px auto;}
.iproductc_t{ font-size:14px; color:#4a4a4a; padding-bottom:15px;}
.iproductc_m{ display:block; width:95px; height:25px; border:1px #a8a8a9 solid; line-height:25px; text-align:center; color:#686868; font-size:12px;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}
.iproductc .swiper-slide a:hover .iproductc_m{background:#fff; color:#000;border:1px #fff solid;}
.iproductc .swiper-slide a:hover{ background:#3193c8;-webkit-box-shadow:0 8px 15px rgba(0,0,0,0.1);box-shadow:0 8px 15px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0);}
.iproductc .swiper-slide a:hover .iproductc_t{ color:#fff;}

.iabout{ padding:30px 0 40px 0; width:100%; height:auto; background:#3193c8; color:#fff;}
.iaboutt{text-align:center; padding-bottom:25px;}
.iaboutt_cn{font-size:18px; font-weight:bolder; color:#fff; letter-spacing:2px;}
.iaboutt_line{ width:37px; height:5px; background:#fff; margin:20px auto 5px auto;}
.iaboutt_en{font-size:14px; color:#adcee5; padding-top:8px; letter-spacing:3px;}
.iaboutc{ padding-top:0;}
.iaboutcl{ width:100%; height:auto; position:relative; z-index:9; margin-bottom:20px;}
.iaboutclbg{ display:none; width:100%; height:440px; background:#62a3c5;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25); position:absolute; z-index:10; top:0; right:0;}
.iaboutclac{ position:relative; z-index:999;}
.iaboutcl_t{ padding-left:38px; background:url(../images/i_about_icon.jpg) no-repeat left 50%; font-size:26px; font-weight:bolder; color:#fff; margin:10px 0 20px 0;}
.iaboutcl_c{}
.iaboutcl_c img{ max-width:100%; height:auto;}

.iaboutcr{ width:100%; height:auto;}
.iaboutcrt{ font-size:14px; line-height:32px; padding-bottom:35px;}
.iaboutcrc{}
.iaboutcrc_t{ font-size:18px; font-weight:bolder;}
.iaboutcrc_c{ padding-top:23px;overflow:hidden; position:relative;}
.iaboutcrc_c ul li{ width:190px; height:auto; float:left; margin-right:22px;}
.iaboutcrc_c ul li p{ text-align:center; padding-top:10px; line-height:25px; font-size:14px;}

.inew { width: 100%; height: auto; background: #f5f5f5; }
.inew .container { padding: 30px 0 40px 0; }
.inewc { padding-top: 30px; }
.inewcl { width: 100%; height: auto; margin-bottom:18px; }
.inewclt { }
.inewclt a { padding-top: 22px; }
.inewclt p { width: 140px; height: 48px; text-align: center; line-height: 48px; background: #3193c8; color: #fff; font-size: 18px; margin:0 0 0 0; }
.inewclc { background: #fff; }
.inewclc ul li { padding: 20px 15px 20px 15px; border-bottom: 1px #e9e9e9 solid; }
.inewclct { }
.inewclct a { font-size: 15px; color: #000000; }
.inewclct a:hover { color: #ed4242; }
.inewclc_time { padding: 8px 0; color: #878787; }
.inewclc_info { color: #555555; font-size: 12px; line-height: 23px; }


.foot{ width:100%; height:auto; background:#222222; padding:45px 0 70px 0; color:#fff;}
.footl{ width:100%; height:auto; margin-bottom:15px;}
.footlt{ padding-bottom:18px; border-bottom:1px #767166 solid; font-size:18px; font-weight:bolder;}
.footlc{ padding-top:18px;}
.footlc a{ display:block; width:50%; height:auto; font-size:12px; text-indent:0; font-weight:bolder; float:left; line-height:25px; color:#d0d0d0;}
.footlc a:hover{ color:#3193c8;}

.footm{ width:100%; height:auto; margin-left:0; margin-bottom:15px;}
.footmc{ padding-top:18px; font-size:12px; line-height:25px;color:#d0d0d0;}

.footr{ width:100%; height:auto;}
.footrc{ padding-top:25px;}
.footrc ul li{ width:48%; height:auto; text-align:center; float:left; margin-right:4%;}
.footrc ul li img{ max-width:100%; height:auto;}
.footrc ul li p{ text-align:center; padding-top:5px; font-size:12px; line-height:25px;}

.copyright{ width:100%; height:auto; background:#1c1c1c; color:#b9b9b9; padding:25px 0; line-height:25px;}
.copyright a{color:#b9b9b9;}
.copyright a:hover{ color:#fff;}


.nproduct{ background:#fff;}
.plist .swiper-container2{ padding:20px 0;}
.plist .swiper-slide{ width:50%; height:auto; float:left; margin-bottom:15px;}
.consearch{ width:320px; height:auto; margin:0 auto 0 auto;}
.consearcht{ color:#fd7d00; padding-bottom:10px;}
.consearchc{}
.consearch_sub{ width:67px; height:41px; border:0; background:#fd7d00; color:#fff; text-align:center; line-height:41px; font-size:16px; font-weight:bolder;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.consearch_text{ width:253px; height:41px; line-height:41px; border:0; background:url(../images/consearch_sub_bg.png) repeat; color:#fff; font-size:14px; text-indent:10px;-moz-border-radius-topleft: 5px;-moz-border-radius-bottomleft: 5px;-webkit-border-top-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;border-bottom-left-radius:  5px;}


.nproduct{ background:#fff;}
.goods_show { width: 96%; padding: 25px 0; overflow: hidden; font-size: 1rem; }
.goods_show img { max-width: 100%; }
.pdetailimg_info{ width:96%; height:40px; border:1px #555555 dashed; margin:15px auto; text-align:center; line-height:40px; font-size:12px; color:#909090;}
.pdetailimg_info span{ color:#f20707;}
.goods_prev { width: 100%; height: auto; line-height: 43px; overflow: hidden; padding-top: 25px; }
.goods_prev li { margin-bottom: 15px; font-size: 1rem; float: none; width: 100%; height: 43px; text-align: center; background: #c0c0c0; cursor: pointer; border-radius: 5px; }
.goods_prev li:hover { background: #3193c8; }
.goods_prev li:last-child { float: right; }
.goods_prev li a { color: #FFFFFF; }
.goods_prev p { margin-bottom: 15px; font-size: 1rem; margin-left: 0; width: 100%; text-align: center; float: none; background: #c0c0c0; cursor: pointer; border-radius: 5px; }
.goods_prev p a { color: #FFFFFF; }
.goods_prev p:hover { background: #3193c8; }


/*new start*/
.nlist{}
.nlist ul li{ padding:15px 0; border-bottom:1px #cbcbcb solid;}
.nlistl{ width:100%; height:auto; margin-bottom:12px;}
.nlistl img{ display:block; width:100%; height:auto;}
.nlistr{ width:100%; height:auto;}
.nlistrt{}
.nlistrt a{ color:#464646; font-size:18px; font-weight:bolder;}
.nlistrt a:hover{ color:#3193c8;}
.nlistrtime{ padding:10px 0; color:#999999;}
.nlistr_line{ width:42px; height:4px; background:#000000; margin:5px 0 15px 0;}
.nlistr_c{ padding-bottom:15px; color:#464646; font-size:14px; line-height:25px;}
.nlistr_m{}
.news_show { width: 100%; padding: 25px 0; overflow: hidden; }
.news_sback { width: 96%; font-size: 0.9rem; line-height: 32px; color: #333333; padding: 10px 0; }
.news_sback a { color: #333333; padding-right: 15px; }
.news_showTit { font-size: 1.5rem; padding: 5px; line-height: 36px; color: #333333; font-weight: bold; }
.news_showtime { font-size: 0.9remm; color: #999; line-height: 30px; width: 96%; }
.news_info { width: 96%; padding: 25px 0; font-size: 0.9rem; line-height: 23px; color: #333333; }
.news_info img { max-width: 100%; }
.news_prevnext { width: 96%; overflow: hidden; height: auto; }
.news_prevnext li { margin-bottom: 15px; cursor: pointer; font-size: 0.9rem; width: 90%; padding: 0 5%; height: 43px; line-height: 43px; color: #FFFFFF; background: #c0c0c0; border-radius: 5px; }
.news_prevnext li a { color: #FFFFFF; }
.news_prevnext li:hover { background: #3193c8; }



/*contact start*/
.contactc{ width:90%; height:auto; min-height:auto; padding-top:20px; background:none; margin-bottom:20px; color:#696969; font-size:14px; line-height:33px; padding-left:10%;}
.contactct{ font-size:24px; color:#043ef9; font-weight:bolder; margin-bottom:12px;}
.map{ margin-bottom:20px;}
}


@media(max-width:320px ) {
.headbg { display: none; }
body, html { width: 100%; height: auto; }
.searchshow1 { display: none; width: 94%; padding: 0 3%; height: 44px; padding-top: 10px; border-bottom: 1px solid #EEEEEE; background: #FFFFFF; z-index: 9999; position: relative; }
.searchshow1 .inputt { width: 92%; padding: 0 3%; box-sizing: border-box; height: 34px; border: 1px solid #ddd; border-right: none; float: left; font-size: 0.9rem; color: #999; }
.searchshow1 .submitt { width: 8%; height: 34px; float: left; border: none; background: #3193c8; text-align: center; color: #fff; font-size: 1.2rem; }
#home .home a, #about .about a, #products .products a, #news .news a, #photo .photo a, #contact .contact a { color: #3193c8; }
#home .home ul li a { color: #333; border-bottom: none; }
#home .home ul li a:hover { color: #3193c8; }
#about .about ul li a { color: #333; border-bottom: none; }
#about .about ul li a:hover { color: #3193c8; }
#products .products ul li a { color: #333; border-bottom: none; }
#products .products ul li a:hover { color: #3193c8; }
#news .news ul li a { color: #333; border-bottom: none; }
#news .news ul li a:hover { color: #3193c8; }
#photo .photo ul li a { color: #333; border-bottom: none; }
#photo .photo ul li a:hover { color: #3193c8; }
#contact .contact ul li a { color: #333; border-bottom: none; }
#contact .contact ul li a:hover { color: #3193c8; }
.container { width: 96%; margin: 0 auto; }


/*.iproduct{ width:100%; height:auto; background:#f1f1f1; padding:25px 0 25px 0;}
.iproductt{ text-align:center; padding-bottom:25px;}
.iproductt_cn{ font-size:20px; font-weight:bolder; color:#212121; letter-spacing:2px;}
.iproductt_en{ font-size:12px; color:#5b5b5b; padding-top:8px;}
.iproducti a{ display:inline-block; height:30px; line-height:30px; padding:0 15px; border:1px #c8c8c8 solid; margin-right:5px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; margin-bottom:10px;}

.iabout{ width:100%; height:auto; background:url(../images/i_about_bg.jpg) no-repeat 50% top;background-size: cover; padding-bottom:50px;}
.iaboutt_cn{ font-size:24px; font-weight:bolder; color:#fff; letter-spacing:2px;}
.iaboutt_en{ font-size:12px; color:#818182; padding-top:8px;}
.iaboutc ul li{ width:45%; height:auto; margin:0 2% 15px 2%; display:block; float:left;}

.iaboutc ul li a p{ width:100%; height:45px; background:#252525; color:#fff; text-align:center; font-size:12px; line-height:45px;}
.inewcl{ width:100%; height:auto;}
.inewclt a{ font-size:18px; color:#000000; font-weight:bolder;}
.inewcltime{ padding:10px 0; color:#b5b5b5; font-size:13px; line-height:24px;}
.inewclc{ color:#686868; font-size:12px; line-height:24px; padding-bottom:15px;}
.inewcl_m{ float:left; display:block; width:142px; height:26px; line-height:26px; text-align:center; background:#919191; color:#fff;-webkit-border-radius: 26px;-moz-border-radius: 26px;border-radius: 26px;}
.inewcr{ width:100%; height:auto; padding-top:18px;}	


	
.footerbg { width: 100%; height: auto; background: #0a0a0a; }
.footer { width: 96%; padding-top: 30px; overflow: hidden; }
.footerLeft { float: none; width: 100%; height: auto; overflow: hidden; }
.footerLeft h1 { float: left; margin-bottom: 15px; width: 178px; height: 46px; line-height: 46px; font-weight: normal; text-align: left; background: url(../images/f_h1bg.jpg) no-repeat; text-transform: uppercase; color: #FFFFFF; }
.footerLeft p { line-height: 26px; padding: 5px 0; width: 100%; font-size: 0.9rem; }
.footerLeft p i { font-size: 1rem; width: 20px; padding-right: 10px; }
.footerRight { float: right; width: 100%; overflow: hidden; padding-bottom: 35px; }
.footerRight .inputf1 { width: 100%; margin-top: 15px; height: 46px; line-height: 46px; background: none; border: none; border-bottom: 1px solid #525252; color: #FFFFFF; font-size: 0.9rem; }
.footerRight .textf1 { font-family: arial; width: 100%; height: 150px; line-height: 24px; padding-top: 10px; background: none; border: none; border-bottom: 1px solid #525252; color: #FFFFFF; font-size: 0.9rem; }
.footerRightb { width: 100%; height: 53px; text-align: right; margin-top: 42px; overflow: hidden; }
.footerRightb .subf1 { width: 144px; height: 43px; color: #FFFFFF; text-align: center; font-size: 12px; background:#963c0b; border: none;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; }
.footcopybg { width: 100%; height:auto; line-height: 25px; background: #0a0a0a; border-top: 1px solid #212121; padding:12px 0; }
.footcopy { width: 96%; color: #363636; font-size: 0.8rem;}
.footcopy a { color: #333; }
.footcopy span { display: none; }

.ifootercl{ float:none; color:#a2a2a2;}
.ifootercr{ float:none; color:#a2a2a2;}
.ifootercr a{color:#a2a2a2;}
.ifootercr a:hover{ color:#fff;}*/
.swiper-container img{ display:block; width:100%; height:auto;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{position:absolute; left:0; bottom:10px; width:100%; text-align:center; z-index:999;}
.swiper-pagination-bullet{display:inline-block; margin:0 5px; width:25px; height:5px; background:#ffffff; cursor:pointer;opacity:1;border-radius:0;}
.swiper-pagination-bullet-active{background:#3193c8;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;}
.swiper-button-next, .swiper-button-prev{ width:25px; height:25px;opacity:1; margin-top:-10px;}


.navigation li.menulang{ display:block;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:15px; background:url(../images/prev.png) no-repeat; background-size:contain;opacity:1;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:15px; background:url(../images/next.png) no-repeat;background-size:contain;opacity:1;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity:1;}

.iprocate{ display:none;}

.iproduct{ width:100%; height:auto; background:#f4f4f4; padding:35px 0 25px 0;}
.iproductt{ text-align:center; padding-bottom:25px;}
.iproductt_cn{ font-size:18px; font-weight:bolder; color:#212121; letter-spacing:2px;}
.iproductt_line{ width:37px; height:5px; background:#3193c8; margin:20px auto 5px auto;}
.iproductt_en{ font-size:14px; color:#5b5b5b; padding-top:8px;letter-spacing:3px;}
.iproducti{  margin:10px auto 37px auto; text-align:center;}
.iproducti a{ display:inline-block; height:40px; line-height:40px; padding:0 15px; margin-right:8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; margin-bottom:10px;}
.iproducti a:last-child{ margin-right:0;}
.iproducti a:hover{ background:#3193c8; color:#fff;}
.iproducti a.ipcurr{ background:#3193c8; color:#fff;}

.iproductc{ padding-top:10px;}
.iproductcpp{ text-align:center; padding-top:43px;position: relative;}
.arrow-left { display:inline-block; margin-right:16px;background: url(../images/i_p_prev.png) no-repeat 50% 50%;width: 89px;height: 40px; cursor:pointer;}
.arrow-left:hover{ background:url(../images/i_p_prev_over.png) no-repeat 50% 50%;}
.arrow-right {display:inline-block;background: url(../images/i_p_next.png) no-repeat 50% 50%;width: 89px;height: 40px;cursor:pointer;}
.arrow-right:hover{ background:url(../images/i_p_next_over.png) no-repeat 50% 50%;}


.swiper-container2{ padding-bottom:15px;}
.swiper-container2 .swiper-wrapper{ display:block;}
.iproductc .swiper-slide{ text-align:center; width:50%; height:auto; float:left; display:block;}
.iproductc .swiper-slide a{ display:block; width:90%; height:auto; padding-top:40px;padding-bottom:40px;-webkit-transition: all .2s linear; transition: all .2s linear}

.iproductcimg{}
.iproductc .swiper-slide a img{ width:80%; height:auto; display:block; margin:0 auto 30px auto;}
.iproductc_t{ font-size:14px; color:#4a4a4a; padding-bottom:15px;}
.iproductc_m{ display:block; width:95px; height:25px; border:1px #a8a8a9 solid; line-height:25px; text-align:center; color:#686868; font-size:12px;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}
.iproductc .swiper-slide a:hover .iproductc_m{background:#fff; color:#000;border:1px #fff solid;}
.iproductc .swiper-slide a:hover{ background:#3193c8;-webkit-box-shadow:0 8px 15px rgba(0,0,0,0.1);box-shadow:0 8px 15px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0);}
.iproductc .swiper-slide a:hover .iproductc_t{ color:#fff;}

.iabout{ padding:30px 0 40px 0; width:100%; height:auto; background:#3193c8; color:#fff;}
.iaboutt{text-align:center; padding-bottom:25px;}
.iaboutt_cn{font-size:18px; font-weight:bolder; color:#fff; letter-spacing:2px;}
.iaboutt_line{ width:37px; height:5px; background:#fff; margin:20px auto 5px auto;}
.iaboutt_en{font-size:14px; color:#adcee5; padding-top:8px; letter-spacing:3px;}
.iaboutc{ padding-top:0;}
.iaboutcl{ width:100%; height:auto; position:relative; z-index:9; margin-bottom:20px;}
.iaboutclbg{ display:none; width:100%; height:440px; background:#62a3c5;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.25); position:absolute; z-index:10; top:0; right:0;}
.iaboutclac{ position:relative; z-index:999;}
.iaboutcl_t{ padding-left:38px; background:url(../images/i_about_icon.jpg) no-repeat left 50%; font-size:26px; font-weight:bolder; color:#fff; margin:10px 0 20px 0;}
.iaboutcl_c{}
.iaboutcl_c img{ max-width:100%; height:auto;}

.iaboutcr{ width:100%; height:auto;}
.iaboutcrt{ font-size:14px; line-height:32px; padding-bottom:35px;}
.iaboutcrc{}
.iaboutcrc_t{ font-size:18px; font-weight:bolder;}
.iaboutcrc_c{ padding-top:23px;overflow:hidden; position:relative;}
.iaboutcrc_c ul li{ width:190px; height:auto; float:left; margin-right:22px;}
.iaboutcrc_c ul li p{ text-align:center; padding-top:10px; line-height:25px; font-size:14px;}

.inew { width: 100%; height: auto; background: #f5f5f5; }
.inew .container { padding: 30px 0 40px 0; }
.inewc { padding-top: 30px; }
.inewcl { width: 100%; height: auto; margin-bottom:18px; }
.inewclt { }
.inewclt a { padding-top: 22px; }
.inewclt p { width: 140px; height: 48px; text-align: center; line-height: 48px; background: #3193c8; color: #fff; font-size: 18px; margin:0 0 0 0; }
.inewclc { background: #fff; }
.inewclc ul li { padding: 20px 15px 20px 15px; border-bottom: 1px #e9e9e9 solid; }
.inewclct { }
.inewclct a { font-size: 15px; color: #000000; }
.inewclct a:hover { color: #ed4242; }
.inewclc_time { padding: 8px 0; color: #878787; }
.inewclc_info { color: #555555; font-size: 12px; line-height: 23px; }


.foot{ width:100%; height:auto; background:#222222; padding:45px 0 70px 0; color:#fff;}
.footl{ width:100%; height:auto; margin-bottom:15px;}
.footlt{ padding-bottom:18px; border-bottom:1px #767166 solid; font-size:18px; font-weight:bolder;}
.footlc{ padding-top:18px;}
.footlc a{ display:block; width:50%; height:auto; font-size:12px; text-indent:0; font-weight:bolder; float:left; line-height:25px; color:#d0d0d0;}
.footlc a:hover{ color:#3193c8;}

.footm{ width:100%; height:auto; margin-left:0; margin-bottom:15px;}
.footmc{ padding-top:18px; font-size:12px; line-height:25px;color:#d0d0d0;}

.footr{ width:100%; height:auto;}
.footrc{ padding-top:25px;}
.footrc ul li{ width:48%; height:auto; text-align:center; float:left; margin-right:4%;}
.footrc ul li img{ max-width:100%; height:auto;}
.footrc ul li p{ text-align:center; padding-top:5px; font-size:12px; line-height:25px;}

.copyright{ width:100%; height:auto; background:#1c1c1c; color:#b9b9b9; padding:25px 0; line-height:25px;}
.copyright a{color:#b9b9b9;}
.copyright a:hover{ color:#fff;}


.nproduct{ background:#fff;}
.plist .swiper-container2{ padding:20px 0;}
.plist .swiper-slide{ width:50%; height:auto; float:left; margin-bottom:15px;}
.consearch{ width:300px; height:auto; margin:0 auto 0 auto;}
.consearcht{ color:#fd7d00; padding-bottom:10px;}
.consearchc{}
.consearch_sub{ width:57px; height:41px; border:0; background:#fd7d00; color:#fff; text-align:center; line-height:41px; font-size:16px; font-weight:bolder;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.consearch_text{ width:243px; height:41px; line-height:41px; border:0;background:url(../images/consearch_sub_bg.png) repeat; color:#fff;font-size:14px; text-indent:10px;-moz-border-radius-topleft: 5px;-moz-border-radius-bottomleft: 5px;-webkit-border-top-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;border-bottom-left-radius:  5px;}


.goods_show { width: 96%; padding: 25px 0; overflow: hidden; font-size: 1rem; }
.goods_show img { max-width: 100%; }
.pdetailimg_info{ width:96%; height:40px; border:1px #555555 dashed; margin:15px auto; text-align:center; line-height:40px; font-size:12px; color:#909090;}
.pdetailimg_info span{ color:#f20707;}
.goods_prev { width: 100%; height: auto; line-height: 43px; overflow: hidden; padding-top: 25px; }
.goods_prev li { margin-bottom: 15px; font-size: 1rem; float: none; width: 100%; height: 43px; text-align: center; background: #c0c0c0; cursor: pointer; border-radius: 5px; }
.goods_prev li:hover { background: #3193c8; }
.goods_prev li:last-child { float: right; }
.goods_prev li a { color: #FFFFFF; }
.goods_prev p { margin-bottom: 15px; font-size: 1rem; margin-left: 0; width: 100%; text-align: center; float: none; background: #c0c0c0; cursor: pointer; border-radius: 5px; }
.goods_prev p a { color: #FFFFFF; }
.goods_prev p:hover { background: #3193c8; }	


/*new start*/
.nlist{}
.nlist ul li{ padding:15px 0; border-bottom:1px #cbcbcb solid;}
.nlistl{ width:100%; height:auto; margin-bottom:12px;}
.nlistl img{ display:block; width:100%; height:auto;}
.nlistr{ width:100%; height:auto;}
.nlistrt{}
.nlistrt a{ color:#464646; font-size:18px; font-weight:bolder;}
.nlistrt a:hover{ color:#3193c8;}
.nlistrtime{ padding:10px 0; color:#999999;}
.nlistr_line{ width:42px; height:4px; background:#000000; margin:5px 0 15px 0;}
.nlistr_c{ padding-bottom:15px; color:#464646; font-size:14px; line-height:25px;}
.nlistr_m{}
.news_show { width: 100%; padding: 25px 0; overflow: hidden; }
.news_sback { width: 96%; font-size: 0.9rem; line-height: 32px; color: #333333; padding: 10px 0; }
.news_sback a { color: #333333; padding-right: 15px; }
.news_showTit { font-size: 1.1rem; padding: 5px; line-height: 26px; color: #333333; font-weight: bold; }
.news_showtime { font-size: 0.8remm; color: #999; line-height: 30px; width: 96%; }
.news_info { width: 96%; padding: 25px 0; font-size: 0.8rem; line-height: 23px; color: #333333; }
.news_info img { max-width: 100%; }
.news_prevnext { width: 96%; overflow: hidden; height: auto; }
.news_prevnext li { margin-bottom: 15px; cursor: pointer; font-size: 0.8rem; width: 90%; padding: 0 5%; height: 43px; line-height: 43px; color: #FFFFFF; background: #c0c0c0; border-radius: 5px; }
.news_prevnext li a { color: #FFFFFF; }
.news_prevnext li:hover { background: #3193c8; }

/*contact start*/
.contactc{ width:90%; height:auto; min-height:auto; padding-top:20px; background:none; margin-bottom:20px; color:#696969; font-size:14px; line-height:33px; padding-left:10%;}
.contactct{ font-size:24px; color:#043ef9; font-weight:bolder; margin-bottom:12px;}
.map{ margin-bottom:20px;}
}
