@charset "utf-8";
/*general*/
.wrap{ width:1080px; margin:0 auto;}
.wrap12{width:1200px;margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
#page_turn{width:100%;padding:0%;margin:0px 0px 15px 0px;position:relative; height:40px;color:#333;font-size:14px;}
#page_turn a:hover{background:#E9B012;color:#fff}
#page_turn ul{float:right;position: absolute;top:5px;right:10px;}
#page_turn dd{float:left;text-align: left;line-height: 40px;font-size: 15px}
#page_turn ul span{float:left;margin-left:2px;font-weight:bold;border:1px solid #DDD;}
#page_turn ul span a{padding:6px 10px;display: block;}
#current{padding:6px 10px;float:left;border:1px solid #DDD; background:#E9B012;color: #fff}
/*header*/
.ht{ height:101px;}
.ht .logo{ margin-top:10px;}
.ht .search{ width:308px; height:36px; border:1px solid #c7c7c7; margin-top:38px; margin-right:40px;}
.ht .search #searchtext{ width:268px; height:36px; line-height:36px; vertical-align:top; background:none; border:none; color:#8d8d8d; outline:none; text-indent:15px; *width:253px; *padding-left:15px; *text-indent:0;}
.ht .search .sear_b{ width:36px; height:36px; background:url(../images/ht_search.jpg) no-repeat; border:none; vertical-align:top; cursor:pointer; outline:none;float: right;}
.ht .china{min-height:24px; background:url(../images/china.jpg) no-repeat; font-weight:bold; padding-left:35px; line-height:25px; margin-top:45px; margin-left:15px;font-size: 18px}
.ht .tel{ min-height:24px; background:url(../images/ht_tel.jpg) no-repeat; font-weight:bold; padding-left:35px; line-height:25px; margin-top:28px; margin-right:15px;font-size: 18px}
.ht .mail{ min-height:24px; background:url(../images/ht_mail.jpg) 0 3px no-repeat; font-weight:bold; line-height:24px; padding-left:30px; margin-top:10px;}
.ht .mail a{font-size: 18px;}
#nav{ height:43px; background:#8fc42e;}
#nav .list{ position:relative; z-index:999;width: 154px;}
#nav .list > a{ line-height:43px; padding:0 41px; display:block; font-size:14px; color:#fff;text-transform:uppercase;text-align: center;}
#nav .list > a:hover{ background:#71a80d;}
#nav .list .cur a{ background:#71a80d;}
#nav .list .nav_sec_box{ position:absolute; left:0; top:43px; z-index:999; width:100%; display:none;}
#nav .list .nav_sec_box .nav_sec a{ padding:12px 15px; display:block; background:#ececec; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
#nav .list .nav_sec_box .nav_sec a:hover{ color:#fff; background:#797979;}
#nav .list:hover .nav_sec_box{ display:block;}
/*footer*/
.ft{ background:#242424; padding:45px 0;}
.ft .ftl{ width:540px;}
.ft .ftl .cont .fl{ width:210px; color:#fff; padding-left:40px; min-height:25px; line-height:24px; margin-top:15px; margin-left:10px; font-size:14px;}
.ft .ftl .cont .fl a{ color:#fff; text-decoration:underline; font-size:14px;}
.ft .ftl .cont .fl span{ color:#fff; font-size:14px;}
.ft .ftl .cont .e1{ background:url(../images/ft_1.jpg) no-repeat;}
.ft .ftl .cont .e2{ background:url(../images/ft_2.jpg) no-repeat;}
.ft .ftl .cont .e3{width: 100%; clear: both; background:url(../images/ft_3.jpg) no-repeat;}
.ft .ftl .cont .e4{ background:url(../images/ft_4.jpg) 0 3px no-repeat;}
.ft .ftl .cont p{ background:url(../images/home.jpg) 0 3px no-repeat;}
.ft .ftl .share a{ margin-left:10px;}
.ft .ftr{ width:330px;}
.ft .ftr .sign{ font-size:18px; color:#fff;}
.ft .ftr .box .feed_t{ width:281px; height:31px; background:#fff; border:none; line-height:31px; text-indent:12px; color:#656565; *text-indent:0; *width:269px; *padding-left:12px;}
.ft .ftr .box .feed_c{ width:305px; height:81px; background:#fff; border:none; padding:10px; color:#656565;}
.ft .ftr .box .feed_b{ width:84px; height:30px; background:#8fc42e; color:#fff; text-align:center; border:none;}
.ft .ftr p{text-align:center;color:#FFF;font-size:14px;}
.fm{ background:#282728; padding:30px 0; }
.fm .fml{ color:#fff;}
.fm .fml a{ color:#fff; margin:0 7px;}
.fm .fml a:hover{ color:#ff6600;}
.fm .fmr{ color:#fff;}
.fm .fmr a{ color:#fff;}
.fm .fmr a:hover{ color:#ff6600;}
/*page*/
.page_ban{ width:100%; max-width:1200px; text-align:center; margin:0 auto;}
.page_ban img{ width:100%;}
.page{}
#position{ height:65px; background:url(../images/line_bg.jpg) bottom repeat-x;margin-bottom: 15px;}
#position .fl{ line-height:65px; text-indent:35px; background:url(../images/home.jpg) 5px 23px no-repeat;font-size:16px;}
#position .fr{ width:309px; height:36px; border:1px solid #c7c7c7; margin-right:5px; margin-top:12px;}
#position .fr #searchtext{ width:263px; height:36px; background:none; border:none; vertical-align:top; line-height:36px; text-indent:12px; outline:none; color:#8d8d8d; *width:251px; *text-indent:0; *padding-left:12px;}
#position .fr .sear_b{ width:42px; height:36px; background:url(../images/positon_s.jpg) no-repeat; border:none; vertical-align:top; outline:none; cursor:pointer;float: right;}
.page .page_l{ width:235px; margin-left:5px;border: solid 1px #ccc}
.page .page_l .sign{ height:50px; line-height:50px; background:#18384A; color:#fff; font-size:18px; padding-left:12px;}
.page .page_l .fir{ background:#ececec; margin-top:8px; border:1px solid #cacaca; position:relative;}
.page .page_l .fir a{ display:block; padding:10px 14px 10px 14px; font-size:16px; color:#333; background:url(../images/p_nav_fir.jpg) 207px 15px no-repeat;}
.page .page_l .fir_cur{ background:#797979;}
.page .page_l .fir_cur a{ color:#fff; background:url(../images/p_nav_fir_cur.jpg) 207px 15px no-repeat;}
.page .page_l .art a{ background:url(../images/fir_art.png) 215px 13px no-repeat;}
.page .page_l .fir_art_cur{ background:#797979;}
.page .page_l .fir_art_cur a{ background:url(../images/fir_art_cur.png) 215px 13px no-repeat; color:#fff;}
.page .page_l .sec{ border-top:1px solid #ddd; display:none;}
.page .page_l .sec a{ display:block; padding:10px 6px;font-size: 14px;}
.page .page_l .sec_cur a{ color:#ff6600;}
.page .page_l .sec_nor{ border:none; margin-top:5px;}
.page .page_l .left_cont{border:1px solid #cfcfcf;line-height: 20px;padding: 0 5px;}
.page .page_r{ width:810px; }
.page .page_r h1.page_tit{line-height: 40px;text-align: center;font-size: 18px;border-bottom: 1px solid #efefef;margin-bottom: 20px;}
#article td img{padding:5px;background:#fff;/*border:1px solid #efefef;*/}
/*index*/
#banner{ width:100%; height:790px; position:relative;}
#banner .pic{ width:100%; height:790px; position:relative;}
#banner .pic a{ width:100%; height:790px; position:absolute; left:0; top:0; display:none;}
#banner .nav_box{ width:100%; height:6px; position:absolute; left:0; bottom:26px;}
#banner .nav_box .nav{ height:6px; text-align:center;}
#banner .nav_box .nav a{ width: 14px;height: 14px;margin-left: 6px;border: 1px solid #ccc;display: inline-block;border-radius: 50%;}
#banner .nav_box .nav .cur{ background:#E9B012; border:1px solid #E9B012;}
.int{ padding:50px 0;}
.int .sign{ text-align:center; font-size:24px;}
.int .con{ color:#7b7b7b;text-indent: 40px; padding:0 30px; margin-top:25px; line-height:35px;font-size: 16px;}
.int .pic{ height:68px; padding-left:60px;}
.int .pic .box{ margin-left:185px; height:68px; line-height:68px; overflow:hidden; font-size:14px;}
.int .pic .box a{ display:block; padding-left:75px;}
.inm{ background:#f3f3f3;}
.inm .sign{ text-align:center; font-size:24px; border-bottom:1px solid #d1d4d6; padding-bottom:20px;padding-top: 20px;}
.inm .cate{ text-align:center; height:40px; overflow:hidden; margin-top:15px;}
.inm .cate a{ font-size:14px; padding:0 25px; margin:0 25px; height:40px; display:inline-block; color:#333;}
.inm .cate .cur{ background:url(../images/in_cate_bg.png) bottom center no-repeat; color:#E9B012;}
.inm .box{ margin-top:30px; height:289px;}
.inm .box .con{ display:none;}
.inm .box .list{ width:260px; margin-right:13px;margin-bottom: 10px;}
.inm .box .list:nth-child(4n){margin-right: 0;}
.inm .box .list .pic{ width:260px; height:161px; text-align:center;}
.inm .box .list .pic img{ vertical-align:middle;}
.inm .box .list .pic span{ height:100%; display:inline-block; vertical-align:middle;}
.inm .box .list .tit{ height:40px; background:#939393; text-align:center;}
.inm .box .list .tit a{ color:#fff; line-height:20px; display:block; line-height:40px; overflow:hidden;}
.inm .box .list .tit a:hover{ color:#E9B012;}
.inm .more{ height:53px; width:98px; background:url(../images/in_more.jpg) no-repeat; margin:0 auto; text-align:center; line-height:65px;}
.inm .more a{ font-size:14px; font-weight:bold; display:block; width:98px; height:53px;}
.inb{ padding:0px;}
.inb .inbl{ width:520px;}
.inb .inbl .sign{ font-size:24px; margin-left:10px;padding-bottom: 20px;}
.inb .inbl .box .list{ margin-left:10px; margin-bottom:10px; margin-top:10px;width:510px; height:416px;position:relative;}
.inb .inbl .box .list .pic{ width:510px; height:416px; text-align:center; }
.inb .inbl .box .list .pic img{ vertical-align:middle;width: 510px;}
.inb .inbl .box .list .pic span{ height:100%; display:inline-block; vertical-align:middle;}
.inb .inbl .box .list .bg{ width:250px; height:188px; position:absolute; left:0; top:0; background:url(../images/inbl_bg.png); display:table; text-align:center; display:none;}
.inb .inbl .box .list:hover .bg{ display:table;}
.inb .inbl .box .list .bg a{ display:table-cell; vertical-align:middle; font-size:14px; font-weight:bold; color:#fff;}
.inb .inbr{ width:560px;}
.inb .inbr .sign{ font-size:24px; margin-left:17px;padding-bottom:20px;}

.inb .inbr .box ul li{list-style-type: disc;margin-left: 40px;line-height: 24px;}
.inb .inbr .box ul li b{ font-weight: bold;}

.inb .inbr .box .list{ margin-bottom:15px;}



.inb .inbr .box .list .fl{ width:80px; height:66px; font-size:36px; text-align:center; border-right:1px solid #9a9a9a;line-height: 36px}
.inb .inbr .box .list .fl span{ font-size:12px;line-height: 12px}
.inb .inbr .box .list .fr{ width:410px; height:66px;}
.inb .inbr .box .list .fr .tit{ height:20px; line-height:20px; overflow:hidden;}
.inb .inbr .box .list .fr .tit a{ color:#E9B012; font-weight:bold; font-size:14px;}
.inb .inbr .box .list .fr .tit a:hover{ color:#ff6600;}
.inb .inbr .box .list .fr .con{ line-height:18px; height:36px; overflow:hidden; margin-top:10px; color:#919191;}

.tedian{width:100%;height:650px;background-color: #f4f4f4;margin-top:50px;}
.sitewidget-hd {width:1080px;margin:0 auto;padding-top:50px;padding-bottom:20px;overflow: hidden;}
.sitewidget-hd h2{ font-size: 42px;font-weight: 700;letter-spacing: 0;line-height: 1.4em;text-align: center;}

.tedianfl{width:1080px;margin:0 auto;overflow: hidden;}
.tedianfl .Flex { display:flex; align-items: center; position: relative; }
.tedianfl .itemLi { margin: 20px 10px; padding: 50px 25px 75px; position: relative; background: #fff;  }
.tedianfl .Link1 { width: 100%; height: 1px; background: #E0E0E0; margin: 35px 0 20px; }
.tedianfl .banner-name { margin-left: 14px; font-size: 20px;  width: 230px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-weight: 600; }
.tedianfl .banner-docs { font-size: 15px;  line-height: 24px; display: -webkit-box; height: 120px; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; word-break: break-word; }
.tedianfl .imgBox { width: 60px; height: 60px; }
.tedianfl .imgBox img { width: 100%; height: 100%; display: block; object-fit: contain; }
.tedianfl .Viceimgbox { width: 60px; height: 60px; display: none; }
.tedianfl .Viceimgbox img { width: 100%; height: 100%; display: block; object-fit: contain; }
.tedianfl .After { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; transition: all .5s; /* transform-style: top; */}
.tedianfl .DownUp { display: none; }
.tedianfl .ListUl_two { display: none; }
.tedianfl .moreBtn { margin-top: 20px; display: inline-block; font-size: 15px;  }
.tedianfl .itemLi:hover .moreBtn { color: #fff; border-bottom: 1px solid #fff; }
.tedianfl .itemLi.addLI { height: 276px;float:left; }

.tedianfl .itemLi:hover .After {
        background-image: linear-gradient(0deg, #FF7600 0%, #FF9A00 100%);
        /* height: 100%; */
    }

   .tedianfl .itemLi:hover .banner-name {
        color: #fff;
    }

   .tedianfl .itemLi:hover .banner-docs {
        color: #fff;
    }

   .tedianfl .itemLi:hover .Link {
        color: #fff;
    }

   .tedianfl .itemLi:hover .Viceimgbox {
        display: block;
    }

   .tedianfl .itemLi:hover .imgBox {
        display: none;
    }


   .tedianfl .itemLi:hover {
        box-shadow: 0 3px 12px 0 rgb(36 40 39 / 50%);
        background: #f6c303;
    }


#products{ background:url(../images/line_bg.jpg) bottom repeat-x; margin-bottom: 10px;}
#products .list{ width:350px; margin-right:14px;}
#products .list:nth-child(3n){ margin-right:0;}
#products .list .pic{ width:350px; height:264px; border:1px solid #ccc; text-align:center;}
#products .list .pic img{ vertical-align:middle;}
#products .list .pic span{ height:100%; display:inline-block; vertical-align:middle;}
#products .list .tit{ line-height:20px; height:30px;line-height: 30px; overflow:hidden; padding:20px 5px; text-align:center;}
#products .list:hover .pic{ border:1px solid #E9B012;}
#products .list:hover .tit a{ color:#E9B012;}
#info{ background:url(../images/line_bg.jpg) bottom repeat-x;}
#info .list{ padding-bottom:10px;border-bottom: 1px dashed #ccc;margin-bottom: 10px; background:url(../images/news_line.jpg) repeat-x;}
#info .list .con{ padding: 0 10px;}
#info .list .con .tit{font-size:16px;}
#info .list .con .tit a{ color:#E9B012; font-size:18px; font-weight:100;}
#info .list .con .tit a:hover{ color:#ff6600;}
#info .list .con .brief{ color:#929292; line-height:20px; height:auto; overflow:hidden; margin-top:10px;text-overflow: ellipsis;}
#info .list .con .time{ height:18px; line-height:18px; background:url(../images/news_time.jpg) no-repeat; text-indent:25px; margin-top:15px;}
#info .nor{ padding-top:0; background:none;}
.page_t p{line-height: 30px;font-size: 18px;background: #efefef;margin: 0;padding: 0 10px;}
.page_t p a{font-size: 14px;}
#apjxq_floors{display: none}



/*首页车间*/
.g_zs{  margin-top: 50px; }
.m_zs .m_kfc{ height: 300px; padding-top: 14px; position: relative;  }
.m_zs .u_ljt,.m_zs .u_rjt{ width:26px; height:107px; position: absolute; cursor:pointer;  display:block;}
.m_zs .u_ljt{left:0;top:76px; }
.m_zs .u_rjt{right:0;top:76px; }
.m_zs .u_ljt a{ background: url(../images/ljt.jpg) no-repeat; width:26px; height:107px; display:block;}
.m_zs .u_rjt a{ background: url(../images/rjt.jpg) no-repeat; width:26px; height:107px; display:block;}
.m_zs .u_ljt a:hover,.m_zs .u_rjt a:hover{background-position: -26px 0;}
.m_zs .m_kfc .u_mid{ width:1088px; overflow:hidden;margin-left: 47px; }
.m_zs .m_kfc .u_lst1 li{ width:265px; float:left; margin-right:9px; }
.m_zs .m_kfc .u_lst1 .lastli{ margin-right:0;}
.m_zs .m_kfc .u_lst1 li img{ width:265px; height:200px;display: block;}
.m_zs .m_kfc .u_lst1 span{ width:265px; display:block;  height:44px; line-height:44px; background: #eee; overflow:hidden; text-align:center; color:#666666; cursor: pointer; font-size: 16px; }
.m_zs .m_kfc .u_lst1 a:hover{text-decoration: none;}
h2.pro_tit{height: 80px;line-height: 80px;text-align: center;margin-bottom: 20px;}
h2.pro_tit em{font-family: "Arial";font-size: 30px;line-height: 38px;color: #d7d7d7;text-transform: uppercase;letter-spacing: 1px;padding-right: 12px;}
h2.pro_tit a{color: #004288;font-size: 28px;}
.content, .footer { margin: 0 auto; width: 1180px; }

/*公司动态*/

.gezi p{}

.m_zs .sign {
    font-size: 24px;
    padding-bottom: 20px;
    text-align: center;
}

.c_contents p{text-align: justify;}
.c_contents{line-height:40px;font-size:18px;font-weight:100;}


/*隐藏价格*/
.price_item_USD, .price_item_EUR, .price_item_GBP, .price_item_AUD, .price_item_CAD, .price_item_SGD, .price_item_JPY, .price_item_HKD, .price_item_THB, .price_item_TWD{display:none;}
/*在线留言表单*/
.liuyan{width: 100%;height: auto;padding-bottom: 10px;overflow: hidden;margin-bottom: 10px; }
.liuyan p.ly_tit{line-height: 40px;font-size: 16px;font-weight:bold;color: #333;background:  #efefef;margin-bottom: 20px;text-indent: 20px;}
#pngFixs{width:300px;height:33px;background:#EEE;border:none}
#word tr,#word td{height:40px;line-height:40px}
#word input{width:200px;height:30px;line-height:30px;font-size:12px;color:#666;text-indent:5px;border-radius:3px;border:1px solid #CCCCCC;background:#FFF;}
#content1{margin-top:7px;height:100px;width:400px;float:left;background:#FFF;border:1px solid #CCCCCC;border-radius:3px;}
.message_yzmico,#valid{float:left;margin-top:7px}
/*文章列表页*/
#lib_info_list{width:100%; clear:both; overflow:hidden;}
#lib_info_list li{height:26px; line-height:26px; border-bottom:1px dashed #ccc; overflow:hidden; text-indent:5px;}
/*文章详细页*/
#lib_info_detail{width:100%; clear:both; overflow:hidden;}
#lib_info_detail .title{height:30px; line-height:30px; border-bottom:1px dashed #ccc; font-weight:bold; font-size:14px; text-align:center;}
#lib_info_detail .contents{line-height:180%; padding:6px 0;}
#lib_info_detail .contents .cont_tit{text-align: center;}
#lib_info_detail .contents .cont_tit h1{font-size: 22px;font-weight:500;font-family: 'Oswald', sans-serif;}
#lib_info_detail .contents .cont_tit p{line-height: 30px;border-bottom: 1px dashed #ccc; font-size: 16px;text-align: center;}
#lib_info_detail .contents .cont_tit p span{margin: 0 10px;}
#lib_info_detail .contents img{max-width: 100%;}
/*产品列表页*/
#lib_product_list{width:100%; clear:both; overflow:hidden;}
#lib_product_list .item{float:left; overflow:hidden;}
#lib_product_list .item ul{margin:0 auto; overflow:hidden;}
#lib_product_list .item ul li{text-align:center; margin-top:3px;}
#lib_product_list .item ul li.img{margin:0; overflow:hidden; border:1px solid #ccc; vertical-align:middle; position:relative; display:table-cell;}
#lib_product_list .item ul li.img div{*position:absolute; top:50%;}
#lib_product_list .item ul li.img div img{*position:relative; top:-49%; left:-50%;}
#lib_product_list .item ul li.name{text-align:left;}
#lib_product_list .item ul li.name a{font-size:11px; text-decoration:underline;}
/*产品列表页一*/
#lib_product_list_1{width:100%; clear:both; overflow:hidden;}
#lib_product_list_1 .item{overflow:hidden; clear:both; overflow:hidden; margin:0 auto;}
#lib_product_list_1 .item .img{overflow:hidden; border:1px solid #ccc; vertical-align:middle; position:relative; display:table-cell; text-align:center; float:left;}
#lib_product_list_1 .item .img div{*position:absolute; top:50%;}
#lib_product_list_1 .item .img div img{*position:relative; top:-49%; left:-50%;}
#lib_product_list_1 .item .info{padding-left:10px; float:left;}
#lib_product_list_1 .item .info .proname{border-bottom:1px dashed #ccc; font-weight:bold; height:20px; margin-bottom:5px;}
#lib_product_list_1 .item .info .proname a{color:#555;}
#lib_product_list_1 .cline{padding:15px 0; clear:both;}



/*联系我们*/
@charset "utf-8";* {margin:0;padding:0;}
html {font-size:62.5%;height:100%}
input,textarea {font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:14px;font-size:1.4rem;color:#333;border:none;outline:none;}
:-ms-input-placeholder {color:#333;}
@media screen and (min-width:1220px) {.wp {width:1200px;margin:auto;}
}
@media screen and (min-width:1000px) and (max-width:1219px) {.wp {width:980px;margin:auto;}
}
@media screen and (max-width:999px) {.wp {width:95%;margin:auto;}
}
@media screen and (min-width:1220px) {.no_margin {margin-left:auto!important;}
}
@media screen and (min-width:1000px) and (max-width:1219px) {.no_margin {margin-left:auto!important;}
.nav1>li {margin-right:10px;}
}
@media screen and (max-width:999px) {.hide_clear {display:block;}
.logo_box {float:left;margin-top:0;}
.nav1>li {margin-right:20px;}
}
@media screen and (max-width:639px) {.container {display:block;}
.fu_part {position:relative;}
.head {background:#0072c6;}
.navsearch {width:100%;margin-top:30px;}
.nav_list>li {margin-right:0;}
.nav_list>li>a {padding-left:18px;padding-right:18px;}
.nav_list2 {float:left;}
}
.contact {padding-top:54px;padding-bottom:72px;background:url("../images/qiandt.png") no-repeat center top;}
.big_icon li {float:left;text-align:center;width:170px;margin-left:68px;}
.big_icon li.spe {width:245px;}
.lxfs {font-size:1.6rem;font-weight:bold;color:#E8AA00;margin-top:19px;margin-bottom:8px;}
.fs {font-size:1.4rem;color:#000;line-height:22px;height:66px;}
.fs a {color:#000;}
.fs a:hover {color:#ce9a0b;}
.love {font-size:3.6rem;text-align:center;margin-bottom:24px;margin-top:30px;}
.whether {color:#4d4d4d;text-align:center;padding:0 52px;line-height:30px;margin-bottom:73px;font-size:16px;}
.form1 input {display:block;width:603px;height:46px;padding-left:27px;font-size:1.6rem;}
.form1 {width:645px;margin:0 auto;}
.wai {border-bottom:1px solid #c9c9c9;padding-left:16px;margin-bottom:22px;font-size:1.6rem;}
.wai1 {background:url("../images/xing.jpg") no-repeat left 18px;}
.name {background:url("../images/name.jpg") no-repeat left 11px;}
.youxiang {background:url("../images/youxiang.jpg") no-repeat left 15px;}
.dianhua {background:url("../images/dianhua.jpg") no-repeat left 14px;}
.guojia {background:url("../images/guojia.jpg") no-repeat left 14px;}
textarea {width:603px;padding-left:27px;padding-top:15px;background:url("../images/message.jpg") no-repeat left 12px;height:171px;font-size:1.6rem;color:#333;}
.wai input.captcha {width:246px;padding-left:0;}
.wai2 {float:left;}
.yzm {margin-left:30px;cursor:pointer;vertical-align:middle;position:relative;top:-3px;}
.form1 .submit {width:184px;height:50px;text-align:center;font-size:1.8rem;font-family:Arial,Helvetica,sans-serif;padding-left:0;background:#E8AA00;color:#fff;cursor:pointer;margin-top:23px;cursor:pointer;}
.form1 .submit:hover {background:#ce9a0b;}
.ditu img {width:100%;max-width:1198px;border:1px solid #a0a0a0;}
.ditu {margin-top:75px;}
@media screen and (max-width:999px) {.zuowen {width:100%;}
.youtu2 {width:100%;background:none;text-align:center;margin-top:10px;margin-bottom:30px;padding:0;}
.abox {width:31%;margin:0 1%;}
.oanr {width:100%;}
}
@media screen and (max-width:550px) {.abox {width:70%;margin:0 15%;margin-bottom:30px;}
.aim {margin-bottom:0;}
}
@media screen and (max-width:400px) {.aim {padding-bottom:140px;padding-top:100px;}
}
.add_x {display:block;float:left;width:152px;line-height:35px;text-align:center;color:#fff;cursor:pointer;font-size:1.2rem;font-family:Verdana,Geneva,Tahoma,sans-serif;}
.add_x a {display:block;float:left;width:152px;border-radius:0px;margin-left:30px;line-height:35px;text-align:center;background:#2fa8e1;color:#fff;cursor:pointer;font-size:1.2rem;font-family:Verdana,Geneva,Tahoma,sans-serif;}
.add_t {display:block;float:left;width:152px;line-height:35px;text-align:center;background:#2fa8e1;color:#fff;cursor:pointer;font-size:1.2rem;font-family:Verdana,Geneva,Tahoma,sans-serif;}
.add_t a {display:block;float:left;width:152px;line-height:35px;border-radius:0px;text-align:center;background:#2fa8e1;color:#fff;cursor:pointer;font-size:1.2rem;font-family:Verdana,Geneva,Tahoma,sans-serif;}
.yiji>li {position:relative;}
.kefu {position: fixed;z-index:999999;top:50%;margin-top:-100px;right:0px;width:109px;}
.kefu li {margin-top: 4px;line-height: 30px;}
.kefu li a {font-size: 14px;font-size: 1.4rem;color: #fff;display: block;}
.kefu li a:hover {color: $color;}
#online_qq_tab {margin: 0px;text-align: center;}
#online_qq_tab a {display: block;overflow: hidden;margin: 0 auto;}
#online_qq_tab a#floatShow {background: url(../images/kefu2.jpg);width: 45px;height: 140px;right: 0px;position: absolute;margin-top: 10px;}
#online_qq_tab a#floatHide {width: 109px;height: 23px;margin-top: 0px;margin-left: 0px;position: absolute;}
.ken a {display: block;line-height: 30px;font-size: 14px;font-size: 1.4rem;margin-top: 4px;padding-left: 37px;
}
.ken a:hover {color: #ccc;}
.kes {background: #333 url(../images/cei1.png) no-repeat 10px center;color: #fff;}
.keapp {background: #333 url(../images/cei2.png) no-repeat 10px center;color: #fff;}
.keapp2 {background: #333 url(../images/cei3.png) no-repeat 10px center;color: #fff;}
@media screen and (max-width: 639px) {
    .kefu_top {display: none;}
    #onlineService>a {display: none;}
    .kefu {top: auto;margin-top: auto;right: auto;width: 100%;bottom: 0px;left: 0px;}
    .kefu a {width: 50%;float: left;padding-left: 0px;text-align: center;background: #333;line-height: 45px;}
    body {padding-bottom: 45px;}
}

.pic p{overflow:hidden;}
.wrap_1{width:1200px;margin:0 auto;}




.l {float:left;}
.r {float:right;}
.fix {*zoom:1;}
.fix:after,.fix:before {display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;}
:-o-placeholder {color:#333;}
::-moz-placeholder {color:#333;}
@media screen and (min-width:1220px) {.wp {width:1200px;margin:auto;}
}
@media screen and (min-width:1000px) and (max-width:1219px) {.wp {width:980px;margin:auto;}
}
.about {padding-bottom:94px;}
.wtg {font-size:3rem;text-transform:uppercase;padding-top:25px;background:url("../images/heixian.jpg") no-repeat left top;margin-bottom:18px;    color: #333;}
.zuowen {width:100%;margin-top: 30px;}
.youtu2 {width:563px;padding-right:15px;padding-top:19px;background:url("../images/lankuai.jpg") no-repeat right top;margin-top:83px;}
.youtu2 img {width:100%;max-width:563px;}
.ap {line-height:36px;margin-bottom:35px;font-size:1.6rem;}
.lanzi {font-size:2.2rem;color:#2fa8e1;text-transform:uppercase;margin-top:-15px;margin-bottom:23px;}
.lxlist p {padding-left:40px;background:url("../images/lingxing.png") no-repeat left 10px;line-height:36px;font-size:1.6rem;}
.lxlist p span {font-weight:bold;}
.aim {background:url("../images/aboutbg.jpg") no-repeat center top;padding-top:125px;padding-bottom:211px;margin-top:47px;margin-bottom:0px;}
.oa {font-size:3rem;font-family:'verlag';color:#eeeeee;text-transform:uppercase;}
.oanr {line-height:24px;font-size:1.6rem;color:#fff;margin-top:26px;width:935px;}
.abox {float:left;margin-left:40px;width:373px;}
.atu img {width:100%;max-width:373px;}
.aap {line-height:26px;margin-top:20px;height:104px;overflow:hidden;}
@media screen and (min-width:1000px) and (max-width:1219px) {.zuowen {width:450px;}
.youtu2 {width:490px;}
.ap {margin-bottom:18px;}
.abox {width:300px;}
}
@media screen and (max-width:999px) {.zuowen {width:100%;}
.youtu2 {width:100%;background:none;text-align:center;margin-top:10px;margin-bottom:30px;padding:0;}
.abox {width:31%;margin:0 1%;}
.oanr {width:100%;}
}
@media screen and (max-width:550px) {.abox {width:70%;margin:0 15%;margin-bottom:30px;}
.aim {margin-bottom:0;}
}
@media screen and (max-width:400px) {.aim {padding-bottom:140px;padding-top:100px;}
}
.region{width:1200px;margin:0 auto;padding:0;overflow:hidden;display:block;}
.stage{width:100%;margin-right:auto;margin-left:auto;}
.stage .h1,.stage h1{font-size:45px;font-family:'Maven Pro',sans-serif;font-weight:500;line-height:1;color:#ffd200;margin:0;padding:9px 0 30px;text-transform:uppercase}
.stage .h1:after,.stage h1:after{content:"";display:block;margin-top:27px;width:36px;height:2px}
.stage h1:after{background:#ffd200;}
.stage .h1:after{background:rgba(112,112,112,1)}
.stage p{font-size:20px;font-weight:400;line-height:1.6;color:rgba(107,107,107,1);margin:0 0 1em}
.stage .tit{font-size:34px;line-height:1.2;margin:30px 0 20px}
.region--app{margin:40px auto 70px}
.page11{width:100%;overflow:hidden;background:#f2f2f2;}
.info_pic{ padding:20px 0; width:100%; margin:0 auto; clear:both;  overflow:hidden; }
.preview{ width:42%; height:300px; float:left; }
.preview img{width:542px;height:300px;}
.info_pic .desc{height:66px;overflow:hidden;}
.info_pic .text{ float:right; width:53%; height:auto; overflow:hidden; padding-left:30px;text-align:left; font-family: 'Open Sans', Arial, Helvetica, sans-serif;}

.info_pic .text p{ font-size:14px; line-height:35px;  text-align:left; }
.info_pic .qrcode{ float:right; width:240px; height:250px; text-align:center; padding-top:0px; font-size:12px}
.info_pic .qrcode span{ display:block; margin:5px; }
.c_contents1{width:100%;overflow:hidden;margin-bottom:40px;}
.c_contents1 .page_title { position: relative; font-size: 30px;
text-transform: capitalize; margin: 60px 0 25px 0; font-family: 'Hind-Medium'; font-weight: normal; border-bottom: 1px solid #cfcfcf; padding-bottom: 25px; }
.product-meta h3{margin: 0 0 10px; font-size: 16px;line-height:25px;}
.products_title1{ margin-bottom: 12px;font-size: 28px;line-height: 30px;}
.product-btn-wrap { position: relative; margin: 20px 0 0; }


.product-btn-wrap .email,
.product-btn-wrap .pdf,
.product-btn-wrap .buy { position: relative; display: inline-block; *display:inline;
 *zoom:1;
vertical-align: top; height: 39px; line-height: 35px; padding: 0 20px; font-family: 'MontserratSemiBold'; font-size: 12px; border-radius: 3px; background: #ffd200; border: 2px solid #ffd200; color: #FFF; text-transform: capitalize; margin: 0 10px 5px 0; }
.product-btn-wrap .buy { text-transform: capitalize; font-size: 18px; padding: 0 30px; }
.product-btn-wrap .email:hover,
.product-btn-wrap .pdf:hover,
.product-btn-wrap .buy:hover { background: none; color: #ffd200; }
.product-btn-wrap .WhatsApp{
    position: relative; display: inline-block; *display:inline;
 *zoom:1;
vertical-align: top; height: 39px; line-height: 35px; padding: 0 20px; font-family: 'MontserratSemiBold'; font-size: 16px; border-radius: 3px; background: #ffd200; border: 2px solid #ffd200; color: #FFF; text-transform: none; margin: 0 10px 5px 0;
}
.product-btn-wrap .WhatsApp:hover{
    background: none; color: #ffd200;
}


.region--app .app--content{margin-bottom:60px;display:flex;justify-content:space-between;flex-wrap:wrap;position:relative;overflow:hidden}
.region--app .app--content .app--img{width:56%}
.region--app .app--content .app--text{width: 46%;}
.region--app .app--content:nth-child(odd){flex-direction:row-reverse}
.region--app .app--content:last-child{margin-bottom:0}
.region--app .app--content .app--text{background:rgba(255,255,255,1);padding:50px 40px;transition:all .25s ease-in-out}
.region--app .app--content .app--text p:first-child{font-size:30px;font-family:'Maven Pro',sans-serif;font-weight:400;line-height:1.2;color:#ffd200;display:flex;justify-content:flex-start;align-items:center}
.region--app .app--content .app--text p:first-child a{font-size:24px;font-weight:inherit;line-height:inherit}
.region--app .app--content .app--text p:first-child i{font-size:30px;border-radius:50%;margin-right:15px;width:50px;height:50px;display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;}
.region--app .app--content .app--text p+p{font-size:18px}
.region--app .app--content .app--text a{text-transform:capitalize;font-size:18px;font-family:'Maven Pro',sans-serif;font-weight:500;line-height:1.6;color:#ffd200;}
.region--app .app--content .app--text a i{margin-left:10px;transition:all .25s ease-in-out}
.region--app .app--content .app--text{position:absolute;top:50%;left:0;-ms-transform:translateY(-50%);transform:translateY(-50%)}
.region--app .app--content:nth-child(even) .app--text{left:auto;right:0}
.region--app .app--content .app--text a:hover{text-decoration:none;color:#ffd200}
.region--app .app--content .app--text a:hover i{margin-left:20px;margin-right:-10px}

@media(max-width:1449px){.region--app .app--content .app--text{padding:40px}
}
@media(max-width:1199px){.region--app .app--content{margin-bottom:30px}
.region--app .app--content .app--text{padding:20px}
.region--app .app--content .app--text p:first-child{font-size:22px;margin-bottom:15px}
.region--app .app--content .app--text p:first-child i{font-size:18px;padding:5px;margin-right:10px}
}