body{ font-family: 'microsoft yahei',Arial,Helvetica, sans-serif; color: #2F2F2F;}
a{transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;}
ul{list-style:none;}
.clear{clear: both;}
.img-thumbnail{ transition : opacity 0.7s;}
.img-thumbnail:hover,
.opacity_img:hover{opacity: 0.75;}
header{ background-color: #fff;}
ul, li {list-style: none;margin: 0; padding: 0;}

/*产品列表筛选*/
.mtp30{margin-top: 30px;}
.mtp30 .list-group-item{ border-bottom: 1px solid #ccc; margin-bottom: 0; border-top: 0; border-left: 0; border-right: 0; }
.mtp30 .fliter_title{color: #000; margin:0; line-height: 30px; font-size: 15px;}
.mtp30 .filter_nav{ width: 10%; float: left; }
.mtp30 .filter_con{ width: 90%; float: left; }
.mtp30 li.filter_li{ float: left; margin:2px;}
.mtp30 .filter_li a{color: #666;text-decoration: none; display: inline-block; text-align: center; width: 100%; padding: 3px 10px;}
.mtp30 .filter_li a:hover{color: #32c772}
.mtp30 .in,.mtp30 .in a{background: #32c772;color: #fff;border-radius: 4px;}
.mtp30 .in a:hover{color: #fff}

/*顶部信息*/
.top_bg{ background-color: #fff;  color: #777;  width: 100%;  height: 40px;  border-bottom: 1px solid #efefef;}
.top_welcome{ display: inline-block; padding-top:12px;}

/*顶部电话*/
.top_tel{ float: left; margin-top: 38px;}
.top_tel img{ display: inline-block;  float: left; margin-right: 8px; margin-top: 8px;}
.top_tel span{ color: #666;  display: inline-block;  float: left;}
.top_tel p{ margin: 0px; float: left; color: #0071be; font-size: 25px;  font-weight: bold;}

/*幻灯片*/
.flash img{ width: 100%;}
.flash ul.bxslider{list-style:none;}
.flash div.bx-pager{ bottom: 4%;}
.flash div.bx-controls-direction{ display:none;}

/*产品搜索*/
.search_group{  float: right; margin: 5px 0px 0px 0px; border:1px solid #dfe1e3; border-radius:20px;}
.search_group input.form-control{  border-radius: 0px; box-shadow: none;color: #585A5A;padding: 0px 0px 0px 15px; height: 26px; background: transparent; border: none;}
.search_group input.form-control:focus{ box-shadow: none; border-color: #b2e0fb;}
#search_submit{ color:#C3C4C5; height: 26px; font-size: 16px; margin-top: -14px;}
#search_submit:hover{ color:#0067b6; cursor: pointer;}



/* 滚动的数字 */
#index-about{}
.our_service{    background: #f1f1f1; padding: 90px 0;}
.our_service_left video{width: 100%;height: auto;}
.our_service_p{text-align: justify;font-size: 14px;color: #555;line-height: 35px;}
.our_service_a{color: #555;}
.our_service_right .service_btn{color: #27ae61;text-decoration: none;}
.ourservice_list{padding: 40px 0;}
.ve {padding: 0;}
.value {color: #27ae61;}
.value p{color: #666;}
.bx_num{font-size: 40px;}
.value span{font-size: 35px; }
.icon img {max-width: 100%;}

/*首页-左侧栏目*/
.left_nav{ padding: 20px 0px 0px 0px; }
.left_nav p{ color: #fff; font-weight: bold; font-size: 24px;}
.left_nav h3{ color: #fff; margin:0px 0px 30px 0px;}

.left_nav_tel{ margin: 220px 0px 0px 0px; text-align: center; color: #fff; font-size: 24px; font-weight: bold;}
.left_nav_ul{ list-style:none; padding:0px; margin:15px 0px 0px 0px; padding-bottom: 10px;}
.left_nav_ul > li > a{ display: block;text-decoration:none; color:#fff; font-size:15px; background-color: #0071bf; border-radius: 25px;  padding:6px 0px 6px 18px; margin-bottom: 8px;}
.left_nav_ul > li > a:hover,
.left_nav_ul li a.left_active{ color:#fff;background-color: #03b29c;}

/*首页-左侧二级栏目*/
ul.left_snav_ul{ list-style:none; padding:0px;}
ul.left_snav_ul > li{ margin:0px;}
ul.left_snav_ul > li > a{ display: block; text-decoration:none; color:#fff; padding:5px 0px 5px 30px; background: url(../images/left_tree.gif) 20px 8px no-repeat #028ae6; border-radius: 25px; margin-bottom:8px;}
ul.left_snav_ul > li > a:hover{ color:#fff; background-color: #03b29c;}

/*首页app*/
.index_icon{    padding: 40px 0 90px;}
.app_box{ display: flex;transition: all 0.5s;padding: 10px 0;margin: 0px 0 20px0;}
.app_img {width: 240px;height: 240px;margin-right: 20px;    padding-top: 30px;}
.app_img img {transition: all 0.5s;width: 90%;}
.iapp a{color: #666;}
.app_desc a:hover,.app_desc a:active,.app_desc a:focus{text-decoration: none;color: #32c772;}
.app_desc .advart_but1:hover,.app_desc .advart_but1:active,.app_desc .advart_but1:focus{text-decoration: none;color: #666;}
.app_img .mask {    width: 200px;height: 200px;background-color:#f1f1f1;margin-top: -202px;margin-left: 13px;border-bottom-right-radius: 80px;transition: all 0.5s;border-top-left-radius: 80px;}
.app_box:hover .app_img .mask { border-radius: 80px;}
.app_desc{max-width: 320px;width: 100%;display: flex;flex-direction: column;    justify-content: space-around;padding: 10px;}
.app_desc h3 {font-size: 20px;color: #202020;margin: 0;transition: all 0.5s;font-weight: 600;}
.app_desc p{margin: 0;}
.app_box:hover .app_desc h3{color:#32c772;}
.app_btn span{    margin-left: 8px;transition: all 0.5s;}
.app_box:hover .app_btn span{margin-left: 15px; color:#32c772;}

/*列表页-左侧栏目*/
.left_h3{ margin-top: 19px; font-size: 22px; font-weight: normal; color: #545454; line-height: 50px; border-bottom: 1px solid #ebebeb;}
.left_h3 span{ display: inline-block; height: 50px; border-bottom: 1px solid #02b29c;  color: #545454;}
.left_column ul.left_nav_ul{ list-style:none; padding:0px; margin:15px 0px 0px 0px; padding-bottom: 10px;}
.left_column ul.left_nav_ul > li{ margin-bottom: 5px; border-bottom: 1px solid #f2f2f2; background: url(../images/left_li.gif) 6px 12px no-repeat;}
.left_column ul.left_nav_ul > li > a{  display: block; text-decoration:none; color:#000; font-size:14px; background:transparent; border-radius:0px;  padding:6px 0px 6px 18px; margin-bottom: 8px;}
.left_column ul.left_nav_ul > li > a:hover,
.left_column ul.left_nav_ul li a.left_active{ color:#03b29c; background:transparent;}

/*列表页-左侧二级栏目*/
.left_column ul.left_snav_ul{ list-style:none; padding:0px;}
.left_column ul.left_snav_ul > li{margin-bottom: 7px;border-bottom: 1px solid #f2f2f2; background: url(../images/left_sli.gif) 15px 11px no-repeat;}
.left_column ul.left_snav_ul > li > a{display: block;    text-decoration:none; color:#000; padding:5px 0px 5px 25px; background: transparent; border-radius: 25px; margin-bottom:8px;}
.left_column ul.left_snav_ul > li > a:hover{ color:#03b29c;background:transparent;}

/*左侧新闻*/
.left_news{clear: both; list-style:none; margin:0px; padding:0px;}
.left_news li{ color:#545455; border-bottom: 1px dotted #dddddd; background: url(../images/li.png) no-repeat left 15px; line-height:21px;  padding: 10px 0px;  padding-left:14px;}
.left_news li a{ color:#2F2F2F;}
.left_news li a:hover,
.left_news li a:focus{ text-decoration:none;color:#03b29c;}

/*左侧联系*/
.left_contact{ margin:30px 0px 35px 0px;}
.left_contact p{ clear: both;}

/*首页产品*/
.Product_bg{padding: 40px 0;}
.product_head h2{ text-align: center;  margin-top: 10px;  font-size: 26px;  color: #333;font-weight: bold;margin-top: 50px;}
.product_head span{display: block;  height: 3px;  background: url(../images/h2_line.jpg) center center no-repeat;}
.product_head p{ text-align: center; font-size: 15px;  color: #555;  margin: 20px 0px 30px 0px;line-height: 20px;}
.product_list{ clear: both; padding: 25px 0px 0px 0px; margin-right: -15px; margin-left: -15px;}
.product_list2{padding-top: 20px;}
.product_img{padding-left: 15px;  padding-right: 15px;  min-height: 280px;}
.product_img img{ margin-right: auto; margin-left: auto; display: block; width: 100%;  height: auto;padding: 0px 0px 0px 0px;}
.product_list2 div.product_img{  min-height: 260px;}
.roduct_inner { border: 1px solid #ddd; padding: 10px; margin-bottom: 28px;}
.more_case_btn{margin-top: 30px !important;}

/*产品页*/
.product_title{ text-align: center;overflow: hidden;padding-top: 14px;}
.product_title2{ text-align: center;overflow: hidden;padding-top: 14px;background-color: #f9f9f9;}
.read-bt a {padding: 5px; margin-top: 10px; width: 45%;display: inline-block; float: left; margin: 6px;}
.b1 {background: #eaeaea;}
.b2 {background: #eaeaea;}
.product_title a{color: #333;display: block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 8px;}
.product_title a:hover {text-decoration: none; color: #27ae61;}
.product_title2:hover{background-color: #27ae61;}
.product_title2:hover a{color: #fff;}

.news_head{text-align: center; }
.news_head h2{ margin-top: 30px;  font-size: 26px;   color: #27ae61; }
.news_head span{ background: url(../images/h2_line2.jpg) center center no-repeat; color: #fff;}
.news_head p{ font-size: 14px;  margin-top:4px; color: #fff; }
.news_bg .help_ul li a{color:#333; font-weight: bold;}
.news_bg { background-color: #f7f7f7;}

/*首页客户评价*/
.iphoto_bg{padding: 90px 0;background:#f1f1f1 ;}
.iphoto_list{    display: flex;align-items: center;justify-content: center;}
.iphoto_img img{width: 100%;}
.iphoto_box{       position: relative;overflow: hidden;border-radius: 10px;width: 300px;height: 500px;}
.iphoto_btn a{ color: #000; display: inline-block;font-size: 22px;position: absolute;top: 42%;right: 40%;margin-top: -15px;height: 60px;width: 60px;opacity: 0;line-height: 60px;border-radius: 0;text-align: center;margin-right: 5px;z-index: 1;background-color: #fff;transform: translateX(-20px);-webkit-transition: 0.5s;transition: 0.5s;}
.iphoto_box:hover .iphoto_btn a {-webkit-transform: translate(0);transform: translate(0);    opacity: 1;}
.iphoto_box:before {position: absolute;content: "";left: 0;width: 100%;height: 100%;text-align: center;z-index: 1;opacity: 0;-webkit-transition: all .4s ease-out;transition: all .4s ease-out;    background-color: #f1f1f1;}
.iphoto_box:hover:before {opacity: 0.7;}
.iphoto_list2 .bx-controls-direction{opacity: 0;  transition: all 0.3s;}
.iphoto_list2 .bx-wrapper .bx-pager{display: none;}
.iphoto_list2:hover .bx-controls-direction{opacity: 1;}
.iphoto_list2 .bx-prev{    background: url(../images/left.png) #27ae61 no-repeat center;height: 60px !important;width: 64px !important;background-image: 20%;background-size: 30px;}
.iphoto_list2 .bx-prev:hover,.iphoto_list2 .bx-next:hover{background-position:center !important;}
.iphoto_list2 .bx-next{background: url(../images/right.png) #27ae61 no-repeat center;    height: 60px !important;width: 64px !important;background-image: 20%;background-size: 30px;}
/*首页-客户案例*/
.case_head h2{ text-align: center; margin-top: 50px; font-size: 26px;  color: #333; font-weight: bold;}
.case_head span{ display: block;   height: 3px;  background: url(../images/h2_line.jpg) center center no-repeat;}
.case_head p{ text-align: center;  font-size: 15px; color: #333; margin: 20px 0;}
.case_list{ clear: both; padding: 25px 0px 0px 0px; margin-right: -15px; margin-left: -15px;}
.case_list2{ padding-top: 20px;}
.case_img{ padding-left: 15px; padding-right: 15px; min-height: 270px;}
.case_img img{ margin-right: auto;  margin-left: auto; display: block; max-height: 270px; max-width: 100%; height: auto;  margin-bottom: 10px;  padding: 0px 0px 0px 0px;}
.case_list2 div.case_img{ min-height: 220px;}
.case_title{ text-align: center; height: 40px;}
.case_title a{ color: #333; font-weight: bold;}
.case_title a:hover{ text-decoration: none; color:#85C226;}
.case_title2 a{ color: #2F2F2F; font-weight: normal;}
.case_title2 a:hover{ text-decoration: none; color:#0071bf;}

/*内页case*/
.case_inner { background: #f9f9f9; border: 1px solid #e8e8e8; padding: 10px; margin-bottom: 28px;}
.case_inner .case_title { text-align: center; height: 20px; margin-bottom: 0px;}

/*首页-四大优势*/
.advantage_bg{padding: 40px 0;}
.advantage_head h2{text-align: center; font-size: 26px; color: #333;font-weight: bold;    margin-top: 50px;}
.advantage_head span{ display: block; height: 3px; background: url(../images/h2_line.jpg) center center no-repeat;}
.advantage_head p{text-align: center; font-size: 15px; color: #555; margin: 20px 0px 30px 0px;}
.advantage_left img{ width: 50%; float: left;}
.advantage_left h3{width: 50%; float: right;text-align: left;font-size: 22px;color: #27ae61; font-weight: bold;    padding-left: 50px;}
.advantage_left h3 span{font-family: Arial black; font-size: 52px;}
.advantage_left p{ width: 50%;float: right;text-align: left;color: #555;line-height: 35px;margin-top: 0px;padding-right: 25px;  padding-left: 50px;}
.advantage_right img{ width: 50%; float: right;}
.advantage_right h3{ width: 50%; float: left;text-align:right; font-size: 22px; color: #27ae61; font-weight: bold;padding-right: 50px;}
.advantage_right h3 span{ font-family: Arial black; font-size: 52px;}
.advantage_right p{ width: 50%; float: left; text-align: right;color: #555; line-height: 35px; margin-top: 0px; padding-right: 50px;}

/*首页帮助*/
.index_help{background-color: #f1f1f1;padding: 40px 0;}
ul.help_ul { overflow: hidden; padding-top: 0px;}
.help_ul li{color:#898989;line-height:21px; padding: 10px 0px;}
.help_ul li a{color:#555; font-weight: bold;font-size: 16px;}
.help_ul li a:hover{ text-decoration:none;color:#27ae61; }
.help_ul p{text-align: left; color: #666666; padding: 0px; font-size: 14px;margin: 10px 0;}
.more_btn{display: block; margin: 0 auto; width: 120px; padding: 5px 0px; text-align:center; border: 1px solid #27ae61;margin-bottom: 50px; font-size: 14px; color: #27ae61;    margin-top: 0px;}
.more_btn:hover{text-decoration: none;color:#555; background: #27ae61}
ul.help_ul li { width: 50%;  float: left;}
.inew_box{    border: 1px solid #e1e1e1;border-radius: 10px;padding: 15px 15px 10px;    min-height: 164px;}
/*首页-合作客户*/
.cooperation_bg{padding: 40px 0;}
.cooperation_head{margin-top: 60px; margin-bottom: 30px;}
.cooperation_head p{ text-align: center; font-size: 26px; color: #333; margin-top:8px;}
.cooperation_head span{display: block;  height: 3px;  background: url(../images/cooperation_title.jpg) center center no-repeat;}
.cooperation_img img{margin: 0px auto;display: block; max-height: 170px; max-width: 100%; height: auto;border: 1px solid #d6d4d4;padding: 0px;}

.cooperation_img {-webkit-perspective:1000;transform-style: preserve-3d;padding:5px 0px;}
.cooperation_img:hover .back {transform: rotateY(0deg); }
.cooperation_img:hover .front { transform: rotateY(180deg);}
.cooperation {transition: 0.6s;transform-style: preserve-3d;-webkit-transform-style: preserve-3d;position: relative;}
.back {backface-visibility: hidden;transition: 0.6s;transform-style: preserve-3d;position: absolute;transform: rotateY(-180deg);top: 0;left: 0; width: 100%;}
.front{backface-visibility: hidden;transition: 0.6s;transform-style: preserve-3d;z-index: 2; transform: rotateY(0deg);    filter: grayscale(100);}

/*列表页-横幅*/
.page_bg{ height: 229px; margin-bottom: 0px;}

/*列表页-面包屑*/
.bread_bg{ background-color: #f3f3f3;}
.bread_nav{ padding: 10px 0px 10px 0px;}
.bread_nav span{ border-left: 8px solid #02b29c; padding-left: 8px;}
.bread_nav a{ color: #4c4c4c;}
.bread_nav a:hover{ color: #0071bf; text-decoration: none;}

/*列表页-右栏*/
.right_head{ clear: both;}
.right_head h2{height: 50px;font-size: 22px; font-weight: normal;color: #545454;line-height: 50px; border-bottom: 1px solid #ebebeb;}
.right_head h2 span{ display: inline-block; height: 50px; border-bottom: 1px solid #02b29c;}
.right_contents{ clear: both; padding:15px 0px 15px 0px;  line-height:28px;  overflow: auto;}
.right_contents_h1{ margin: 0px; padding: 10px 0px; text-align: center; color: #000;font-size:24px; color:#434343;font-weight:bold; line-height: 34px;}
.right_contents img { max-width: 840px;}
#ten_head h2{text-align: center;}

#inquireform {border: solid 1px #eee;padding: 3em;-moz-box-shadow: inset 0 0 45px #e7e7e7;-webkit-box-shadow: inset 0 0 45px #e7e7e7;box-shadow: inset 0 0 45px #e7e7e7;}

/*列表页-新闻*/
.right_new{ clear: both;  list-style:none; margin:0px;  padding:0px 0px 20px 0px;}
.right_new li{ color:#898989; font-size: 14px; line-height:22px;  padding:12px 0px;  border-bottom: 1px solid #e3e2e2;}
.right_new li a{ color:#2F2F2F; font-size: 16px;}
.right_new li a:hover,.right_new li a:focus{ text-decoration:none; color:#27ae61;}
.right_new_content{padding: 10px 0px;}

.right_new img{margin-bottom: 10px;}

/*分页样式*/
.page{ clear:both; margin:20px 0px 20px 0px; text-align: center;}
.page a{
    display: inline-block; 
    font-family: Arial; 
    font-size: 13px; 
    border: #dbdbdb 1px solid; 
    padding:4px 9px; 
    margin: 2px; 
    margin-bottom: 5px; 
    color: #31363c; 
    text-decoration: none
}
.page a:hover,.page a:focus{
    font-family: Arial;
    font-size: 13px;
    border: #27ae61 1px solid;
    padding:4px 9px;color: #fff;
    background-color: #27ae61;
}
.page .current{
    font-family: Arial;
    border: #27ae61 1px solid; 
    font-size: 13px; 
    padding:5px 9px; 
    color: #fff;
    margin: 2px;  
    background-color: #27ae61
}

/*产品详细页*/
.showpic_box,.proinfo_box{ margin: 30px 0px 20px 0px;}
.product_h1{ margin:0px;  line-height:22px;  font-size:16px; font-weight: bold; color: #000;  padding-bottom:10px; border-bottom: 1px dotted #cccccc; }
.product_info{ list-style:none; padding:0px; margin-top:10px;}
.product_info p{ line-height:28px; }
.product_btn{ margin-top: 25px;}
#pic-page{text-align: center; margin-top:10px;}
#pic-page a{margin: 0 2px;}
#pic-page a img{ width:40px; padding: 2px; border: solid #ccc 1px; margin-bottom:5px;}
#pic-page a:hover img,
#pic-page a.active img { border: solid #5280DD 1px;}
.product_con { clear: both;  border-top: 1px dotted #a9a9a9; margin:10px 0px 20px 0px;  padding:20px 0px 0px 0px;  line-height:26px; overflow: auto; }
.photo_con { clear: both; margin:0px 0px 20px 0px;   padding:10px 0px 20px 0px; line-height:26px; overflow: auto; }
.product_con img,
.photo_con img {  max-width: 840px;}

/*按钮样式*/
.download_btn { float: right; display: block;margin: 10px 10px 20px 0px; }
.page-btn {display: inline-block; float: left;  background-color: #27ae61; border-radius: 0px;  border: none;  transition:background 0.3s; margin-right: 15px; }
.page-btn:hover,.page-btn:focus { background-color:#02b29c;}
.grey-btn { border-radius: 0px; border: none; background-color: #E8E8E8;}
.grey-btn:hover,
.grey-btn:focus { background-color: #ccc;}

/*列表页-客户案例*/
.B2B_adv{padding: 40px 0 90px;}
.adv {text-align: center;}
.adv img{display: block; margin: 0 auto;}
.adv img{-webkit-transition: -webkit-transform 0.8s ease-out; -moz-transition: -moz-transform 0.8s ease-out; -o-transition: -o-transform 0.8s ease-out; -ms-transition: -ms-transform 0.8s ease-out;}
.adv img:hover {-webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);}
.desc h2{text-align: center; font-size:26px; font-weight: bold;}
.desc h3{text-align: center; font-size:16px; font-weight: bold;}
.desc p{text-align: center;}
.sclc img{width: 100%;margin: 20px 0;}

/*价格方案*/
.B2B_jiage{background-color: #f3f3f3;width: 100%;padding: 40px 0 90px;}
.jiamu { background: #fff; box-shadow: 0 0 25px 0 rgba(0,0,0,.2);  margin-top: 32px;}
.jm-top { width: 100%; height: 57px; background-color: #8cd4d1; position: relative; line-height: 57px; text-align: center; color: #fff;}
.jiamu.jm-2 .jm-top{ background-color: #e8a12b;}
.jiamu.jm-2 .jm-top:after{ border-top: 56px solid #e8a12b;}
.jiamu.jm-2 .jm-bottom a{background: #e8a12b; box-shadow: 0 2px 1px 0 #e8a12b;} 
.jiamu.jm-2 .jm-bottom b {color: #e8a12b;}
.jiamu.jm-3 .jm-top{ background-color: #dd4b5e;}
.jiamu.jm-3 .jm-top:after{ border-top: 56px solid #dd4b5e;}
.jiamu.jm-3 .jm-bottom a{ background: #dd4b5e; box-shadow: 0 2px 1px 0 #dd4b5e;} 
.jiamu.jm-3 .jm-bottom b {color: #dd4b5e;}
.jiamu.jm-4 .jm-top{ background-color: #cf93d9;}
.jiamu.jm-4 .jm-top:after{ border-top: 56px solid #cf93d9;}
.jiamu.jm-4 .jm-bottom a{ background: #cf93d9; box-shadow: 0 2px 1px 0 #cf93d9;} 
.jiamu.jm-4 .jm-bottom b {color: #cf93d9;}
.jiamu.jm-5 .jm-top{ background-color: #06c5e1;}
.jiamu.jm-5 .jm-top:after{ border-top: 56px solid #06c5e1;}
.jiamu.jm-5 .jm-bottom a{ background: #06c5e1; box-shadow: 0 2px 1px 0 #06c5e1;} 
.jiamu.jm-5 .jm-bottom b {color: #06c5e1;}
.jiamu.jm-6 .jm-top{ background-color: #faba36;}
.jiamu.jm-6 .jm-top:after{ border-top: 56px solid #faba36;}
.jiamu.jm-6 .jm-bottom a{ background: #faba36; box-shadow: 0 2px 1px 0 #faba36;} 
.jiamu.jm-6 .jm-bottom b {color: #faba36;}

.jm-top h3 { padding-top: 26px; font-size: 28px;}

.jm-top:after {
    content: "";
    left: 0;
    width: 0;
    height: 0;
    bottom: -56px;
    position: absolute;
    border-left: 180px solid transparent;
    border-right: 180px solid transparent;
    border-top: 56px solid #8cd4d1;
}
ul.jm-cn li:before {
    content: "\f00c";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 32px;
    font-size: 17px;
    color: #333;
}

ul.jm-cn li{ position:relative;}
ul.jm-cn li .show_submeau{ cursor:pointer;}
ul.jm-cn li .show_details{ display:none; position:absolute; left:0; top:35px; width:280px; line-height:22px; border:1px solid #f0f0f0;  background-color:#fcfcfc; padding:10px; z-index:1; border-radius:10px;}
ul.jm-cn li span:hover div{ display:block !important;}

.desc .desc_content{text-align: center;line-height: 25px;font-size: 14px;margin-top: 10px;padding: 5px;}
ul.jm-cn li.no_have:before{content: "\f00d"; color:#F00 !important;}
ul.jm-cn li.no_have{text-decoration: line-through;}
#base_taocao li:before{color: #cf93d9;}
#high_taocao li:before{color: #06c5e1;}
#best_taocao li:before{color: #faba36;}
ul.jm-cn .redcolor{ color:#F00;}
#sc_top{ margin:32px 0 60px;}


ul.jm-cn { margin-top: 35px; padding: 38px 30px 20px 30px;}
ul.jm-cn li {line-height: 26px; padding: 6px 0; border-bottom: 1px dashed #ececec;font-size: 15px;color: #000;}
ul.jm-cn li.bx_none_box{border-bottom:0;}
ul.jm-cn li.bx_none_box:before{content:"";}
.jm-bottom { text-align: center; padding: 0px 20px 30px 20px;}
.bx_bc_list .jm-bottom p{ margin:0; height: 40px; }
.jm-bottom a {
    width: 220px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    display: block;
    margin: 0 auto;
    border-radius: 7px;
    margin-top: 10px;
    font-size: 20px;
    background: #8cd4d1;
    box-shadow: 0 2px 1px 0 #8cd4d1;
}
.jm-bottom b { color: #8cd4d1; text-align: center;  margin-bottom: 16px;font-size: 26px; display: block;}
.jiamu.jm-3 .jm-bottom .bottom_txts a{
    width:auto;
    height: auto;
    line-height: auto;
    color: #2F2F2F;
    display: initial;
    margin:0;
    font-size: 14px;
    background:none;
    box-shadow: none;
}

/*在线留言订购*/
.feedback { margin-top: 50px;}
.form-horizontal .form-group{ margin-right: -10px; margin-left: -10px;}
.codeimg{  margin: 0px 0px -10px -18px;}

/*上一个下一个*/
.point{ clear: both;  margin:20px 0px 40px 0px; padding-bottom: 40px; line-height:22px; }
.point span.to_prev{text-align:center;}
.point span.to_prev a{ color:#337AB7;}
.point span.to_prev a:hover{ color: #ea042b;}
.point span.to_next{ text-align:center;}
.point span.to_next a{ color:#337AB7;}
.point span.to_next a:hover{ color: #ea042b;}

/*常见问题*/
.B2B_cjwt{padding: 40px 0 90px;}
.wow.fadeInLeft {
    height: 200px;
    width: 100%;
    background: #fcfcfc;
    border-radius: 1px;
    padding: 20px 30px;
    border: 1px solid #f0f0f0;
    float: left;
    margin-top: 32px;
}
.wow.fadeInLeft h5 {
    font-size: 18px;
    color: #333;
    font-weight: 700;
}
.wow.fadeInLeft p {
    margin-bottom: 0px;
    font-size: 15px;
}
.deangdwt {
    display: block;
    width: 173px;
    height: 35px;
    margin: 30px auto 0;
    line-height: 35px;
    color: #666;
    font-size: 14px;
    border: 1px solid #666;
    text-align: center;
    border-radius: 25px;
    background: #fff;
}
/*外贸建站如何选*/
.B2B_video{background-color: #f3f3f3;width: 100%;padding: 40px 0 90px;text-align: center;}
.B2Bvideo_btn a{display: block;margin: 40px auto 0;background-color: #27ae61;width: 85px;height: 40px;line-height: 40px;text-align: center;border-radius: 5px;color: #fff;}
.B2Bvideo_btn a:hover{background-color: #18703e;text-decoration: none;color: #fff;}
.B2Bvideo_text{background-color: #f9f9f9;padding: 10px 0;width: 100%;text-align: center;margin: 10px 0 0;}
.B2Bvideo_text p{margin: 0;}
.B2Bvideo_text:hover{background-color:#27ae61;color:#fff;transition: background-color 0.8s }

/*底部提交需求*/
.B2B_demand{padding: 70px 0 40px;}
.B2B_demand{padding: 0 0 40px;}

/*标签样式*/
.tags{ margin: 18px 0px 10px 0px;}
.tags a{ margin: 0px 5px 8px 0px;}
.tags_list{ padding: 5px 10px 100px 10px;}
.tags_ul{  margin-top: 0px;}
.tags_ul li{ line-height: 28px; margin-bottom: 8px; padding-bottom: 10px;}
.tags_ul h3{ font-size: 14px; padding: 0px; margin: 0px; line-height: 20px;}
.tags_ul p{ font-size: 13px;  padding: 0px; margin: 0px; color: #777; line-height: 20px; padding-top: 8px;}

/*网站地图*/
ul.ul_sitemap{ margin: 30px 0px 40px 30px;}
ul.ul_sitemap li{ list-style: none;line-height: 26px; clear: both; }
ul.ul_sitemap li a{ color: #7d7d7d;}
li.small_li_sitemap{clear: both; padding-left: 12px;}
li.small_li2_sitemap{ float: left; padding-left: 20px;}

/*友情链接*/
.link_box{background-color: #27ae61; padding: 20px 0px 10px 0px;text-align: center; color: #fff;font-size: 13px;}
.link_box a{ color: #fff; padding:0px 0px 0px 10px; font-size: 13px;}
.link_box a:hover{ text-decoration: none; color: #97f3e7;}
.link_box a:last-child{ border-right:0px;}
.link_box button{ display: none;}
.link_title{ font-size: 13px; margin-right: -6px;}
.link_title:after{ content:"：";}

/*底部TAGS*/
.tags_box{ background-color: #005188; padding: 5px 0px 20px 0px; text-align: center; color: #fff; font-size: 13px; }
.tags_box a{  color: #fff;  padding:0px 2px 0px 8px;  font-size: 13px; }
.tags_box a:hover{ text-decoration: none; color: #97f3e7;}
.tags_box a:last-child{ border-right:0px;}
.tags_box button{ display: none;}
.tags_title{  font-size: 13px; margin-right: -6px; }
.tags_title a{ padding:0px;}
.tags_title:after{ content:"：";}

/*底部信息*/
footer{ margin-top: 50px; color:#fff; padding:60px 0px 0px 0px; background:/* url(../images/foot_bg.jpg) repeat-x top center */#27ae61;}
.footer_logo{max-width: 196px;}
.footer_logo_text{ width: 196px; text-align: center; margin-top: 20px; padding-top: 10px; /*border-top: 2px solid #fff;*/ line-height: 22px;}
.footer_sitemap{ color: #fff;}
.footer_sitemap:hover,
.footer_sitemap:focus { color: #97f3e7; text-decoration: none;}

/*底部分类*/
.footer_menu a{color: #fff;}
.footer_menu a:hover{ color: #97f3e7; text-decoration: none;}
.footer_menu_first{font-weight: bold;}
.footer_qrcode{ max-width: 130px;}
.footer_qrcode_text{ width: 130px; text-align: center; margin-top: 15px;}
.footer-bar{ padding: 10px 0; margin-top:20px; text-align: center;	border-top: #d8d8d8 solid 1px;background-color: #fff;color: #999;}

/*底部翻译*/
.translate{ background-color: #005188;}
.translate_btn{  width:130px; margin: 0 auto; padding-top:20px;}

/*UEditor编辑器前端表格样式*/
table{ margin-bottom:10px; border-collapse:collapse; display:table;}
td,th{ padding: 5px 10px; border: 1px solid #DDD;}
caption{border:1px dashed #DDD; border-bottom:0;  padding:3px; text-align:center;}
th{ border-top:1px solid #BBB;background-color:#F7F7F7;}
table tr.firstRow th{  border-top-width:2px;}
.ue-table-interlace-color-single{ background-color: #fcfcfc; } 
.ue-table-interlace-color-double{ background-color: #f7faff;}
td p{ margin:0; padding:0;}

/*大屏幕样式*/
@media screen and (min-width: 769px) {
   .logo {margin: 16px 0px 0px 0px; max-height: 70px;max-width: 250px;}
   .logo1{display:none;}
   nav#top_nav.navbar-static-top.navbar-fixed-top .logo {margin: 4px 0px 0px 0px;}
   .navbar-nav { float: right; margin: 0;}
   
    /*导航样式*/
    .navbar { margin: 0px; border:none;background-color: #fff; min-height: 60px;}
    .navbar-nav > li { }
    .navbar-nav > li:first-child {}
    .navbar-nav > li:last-child {}
    .navbar-nav > li > a { text-align: center; }
    .navbar-default .navbar-nav > li > a {color: #666; font-size: 16px;padding: 25px 20px; }
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav > li > a.active,
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent; color: #32c772; 
    }
    .navbar-brand { display: none; }
    #aa .navbar {position: fixed;top: 0;right: 0;left: 0;z-index: 1030;background-color: transparent;}
    #aa .navbar a{color:#fff;}
    #aa .nav_small > li > a { color: #666;}
    #aa .nav_small > li > a:hover { color: #32c772; background-color: #fff;}
    #aa .navbar-fixed-top{background-color: rgba(255,255,255,0.9);box-shadow: rgb(0 0 0 / 15%) 0px 2px 5px 0px;}
    #aa .navbar-fixed-top a{color: #666;}
    .navbar-fixed-top .logo{margin: 5px 0px;}
    #aa .navbar .active1{color:#fff;}
    #aa .navbar-fixed-top .active1{color:#666;}
   
    
    /*导航-触发滚动*/
    .navbar-fixed-top { min-height: 50px; margin-top:0px;opacity: 0.9;box-shadow: rgb(0 0 0 / 15%) 0px 2px 5px 0px;}
    .navbar-fixed-top ul.navbar-nav > li > a { padding: 15px 20px; }
    
    /*导航二级菜单*/
    .nav_small { background-color:#fff; padding: 10px 0px; padding-bottom: 15px; border-radius: 0px; border: none; box-shadow: none;}
    .nav_small > li > a { line-height:20px; padding: 7px 22px; text-align: left;  color: #666; font-size: 13px;}
    .nav_small > li > a:hover { color: #32c772; background-color: #fff;}
    #app_menudown,#search_btn { display:none;}
    .mfoot_box { display:none; }
    
	.bottom_txts{ min-height:151px;}
	iframe {width: 85%; height: 420px;}
	video {width: 85%; height: 420px;}
	.top_video video{width: 85%;height: 480px;margin-top:42px;}
	.cooperation_img {width: 20%;}
	.cooperation_img img{padding:15px 30px;}
	.help_ul li{    padding: 15px 15px 30px;}
	.footer_qrcode2,.footer_qrcode_text span {display:none;}
}

/*小屏幕样式*/
@media screen and (max-width: 768px) {
    .mtp30 .filter_nav{ width: 100%; }
    .mtp30 .filter_con{ width: 100%; }
    .navbar-toggle {  margin-top: 10px;}
    .top_bg {  display: none;}
    .top_welcome,.top_tel { display: none; }
    .logo1 { display: block; margin: 7px auto;max-width:240px; }
    .logo{display:none;}
    #search_btn { float: right; margin-top: 35px; padding:8px 13px; font-size: 17px; border-radius: 4px;  color: #fff; }
    #search_btn:hover,
    #search_btn:focus { cursor: pointer; background-color: #1b8247; }
    .navbar { margin: 0px; border:0px; min-height: 50px; background-color: #27ae61; border-bottom: 1px solid #1fa75a;}
    .navbar-default .navbar-brand { color: #fff; font-size: 16px; }
    .navbar-default .navbar-brand:hover,
    .navbar-default .navbar-brand:focus { color: #fff; }
    .navbar-toggle {  border:none;}
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form { border:none;}
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus { background-color: #1b8247; }
    .navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
    .navbar-default .navbar-nav {  margin-top: 0px;  margin-bottom: 0px; }
    .navbar-default .navbar-nav > li:last-child{  border: none;}
    .navbar-default .navbar-nav > li > a,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #fff;}
    .navbar-default .navbar-nav > li > a:hover,
     .navbar-default .navbar-nav > li > a:focus,
     .navbar-default .navbar-nav > .active > a, 
     .navbar-default .navbar-nav > .active > a:hover, 
     .navbar-default .navbar-nav > .active > a:focus,
     .navbar-default .navbar-nav > .open > a, 
     .navbar-default .navbar-nav > .open > a:hover, 
     .navbar-default .navbar-nav > .open > a:focus,
     .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
      background-color: #32c772; color: #fff;
    }
    #app_menudown { position: absolute; top:0px; right:0px; font-size: 16px;}
    #app_menudown:hover {  background-color: #1b8247; }
    #app_menudown1,#search_btn {display:none;}
    .navbar-fixed-top { margin-top:0px;  opacity: 0.9; }
    
    #aa .navbar {position: fixed;top: 0;right: 0;left: 0;z-index: 1030;}
    .flash{margin-top: 50px;}
    
    /*手机端app*/
    .index_icon {padding: 0 0 50px;}
    .app_box { flex-direction: column;    text-align: center;    margin: 0;}
    .app_img {    margin: auto;    padding: 0;    height: inherit;width: 100%;}
    .app_img .mask {    display: none;}
    .app_desc h3 {    font-size: 18px;}
    .app_desc p {font-size: 14px;    line-height: 25px; margin-top: 15px;}
    .iapp .app_box:nth-child(2n+1){clear: both;}
    
    /*首页数字*/
    .our_service_left img{padding: 0;}
    .our_service_p{padding: 40px 0 20px;}
    .our_service {padding: 50px 0;}
    .ve{text-align: center;}
    /*手机-首页产品*/
    .Product_bg {padding: 0;}
    .more_btn {margin-top: 30px !important;}
    .more_case_btn{margin-top: 0 !important;}
    .product_head h2 { margin-top: 50px; }
    .product_head span { background: url(../images/m_h2_line.jpg) center center no-repeat; }
    .product_head p { font-size: 14px;  margin-top:15px; }
    .product_img { min-height: 220px;}
    .product_list2 div.product_img{  min-height: 180px; }

    /*手机-首页案例*/
    .case_head h2 { margin-top: 50px;  font-size: 26px;  }
    .case_head p { font-size: 14px;  margin-top:15px; }
    .case_img { min-height: 150px; }
    .case_list2 div.case_img {  min-height: 150px; }
    
    .advantage_bg {padding: 0 0 50px;}
    .advantage_left img{ width: 100%;}
    .advantage_left h3{ width: 100%;  text-align: center;padding: 0;}
    .advantage_left p{ width: 100%;text-align: left;line-height: 24px;padding: 0px;background: none;margin-bottom: -20px;}
    .advantage_right img{ width: 100%;}
    .advantage_right h3{ width: 100%;    padding: 0;text-align: center;}
    .advantage_right p{ width: 100%;line-height: 24px;padding: 0px;background: none;margin-bottom: -20px;text-align: left;}
    .advantage_head h2 {margin-top: 50px;}
    /*手机-首页新闻*/
    .index_help {padding: 0;}
    .news_head{ margin-bottom: 0px; }
    .news_head h2{ margin-top: 30px;   font-size: 26px;  color: #fff; }
    .news_head span{ background: url(../images/m_h2_line.jpg) center center no-repeat; color: #fff; }
    .news_head p{ font-size: 14px;  margin-top:15px; color: #fff; }
    .news_h3{
        text-align: center;
        background: url(../images/news_title.jpg) center bottom no-repeat;
        padding: 10px 0px 10px 0px;
        margin-bottom: 20px;
    }
    .news_ul li{
        color:#000;
        border-bottom: 1px dotted #dddddd;
        background: url(../images/li.png) no-repeat left 15px;
        line-height:21px; 
        padding: 10px 0px; 
        padding-left:14px;
    }
   .news_a { color: #333; display: block;}
    .news_time,.right_new_time, .news_time_p { display: none;}
    .news_img img{ display: none;}
    .news_img a{ font-weight: normal; font-size: 14px;}
    ul.help_ul li {width: 100%;float: left;}
    .wow.fadeInLeft {  height: 235px; width: 100%; padding: 10px 10px;  text-align: left;}
    
    /*手机 B2B页面每个模块的间距*/
    .B2B_adv, .B2B_jiage, .B2B_cjwt, .B2B_video{padding: 0 0 50px;}
    .B2B_demand{padding: 30px 0 0;}
    .B2B_demand1{padding: 0;}
    
    /*手机-首页公司简介*/
    .about_head{margin-bottom: 25px; }
    .about_head h2{ margin-top: 35px;  font-size: 26px;  }
    .about_head span{  background: url(../images/m_h2_line.jpg) center center no-repeat; }
    .about_head p{ font-size: 14px;   margin-top:15px;}
    .about_content{ margin-top:0px;}
    .about_btn{ display: block; width: 200px; margin: 0 auto;  margin-top: 20px;  margin-bottom: 40px;}
    
    /*手机端客户评价*/
    .iphoto_bg {padding: 0 0 50px;}
    .iphoto_list {flex-direction: column;}
    .iphoto_box { margin-bottom: 30px;}
    .iphoto_list2 .bx-controls-direction{opacity: 1;}
    .iphoto_list2 .bx-controls-direction {  opacity: 1;}
    .iphoto_list2 .bx-prev { height: 44px !important;width: 44px !important;background-size: 20px;}
    .iphoto_list2 .bx-next {height: 44px !important;width: 44px !important;background-size: 20px;}
    
    /*手机-首页合作客户*/
    .cooperation_bg {padding: 0;}
    .cooperation_head{ margin-top: 50px; }
    .cooperation_head p{ font-size: 22px;  margin-top:15px; }
    .cooperation_img{  min-height: 100px;}

    .page_bg{ display: none; }
    .right_contents img,
    .product_con img,
    .photo_con img { max-width: 100%; }
    .feedback{ margin-top:20px;}
    .proinfo_box {  margin-bottom: 80px;}
    #pic-page a img { width:35px;}
    #cmsFloatPanel{ display: none;}
    .point span.to_prev,.point span.to_next { text-align:left;  padding-bottom: 8px; }

    /*手机-底部信息*/
    footer { padding: 40px 0px; }
    .footer_logo,
    .footer_logo_text { display: none;}
    .footer_contact { margin-bottom:30px; display: none;}
    .footer_qrcode{max-width: 110px; margin: 20px 0; }
    .footer_qrcode_text { width: 100%; margin-top:-5px;  margin-bottom: 35px; text-align: left;}
    .footer_qrcode_text span{margin-left:45px;display: inline-block;}

    /*手机-友情链接*/
    .link_box { padding-left: 7px;}
    .link_box a { display: block; border-right:0px; padding:4px 0px;}
    .link_title{ display: block; }
    .link_title:after { content:"";}
    .link_box button{ display: inline-block; background-color: transparent; border: none; float: right; margin-top: -20px;}
    .link_box button:hover,
    .link_box button:focus{ color: #97f3e7;}
    .link_list{ display: none;  padding-top: 7px; }

    /*手机-Tags标签*/
    .tags_box{ padding-left: 7px; margin-bottom: 50px;}
    .tags_box a{ display: block; border-right:0px; padding:4px 0px;}
    .tags_title{display: block; }
    .tags_title:after{ content:"";}
    .tags_box button{ display: inline-block; background-color: transparent; border: none; float: right; margin-top: -20px; }
    .tags_box button:hover,
    .tags_box button:focus{  color: #97f3e7;}
    .tags_rows{  display: none;  padding-top: 7px; }

    /*手机-底部按钮*/
    .mfoot_box{  background-color: #fafafa; }
    .mfoot_nav { width:25%; float:left; background-color: #fafafa; text-align:center;  color:#898989; } 
    .mfoot_nav:hover,
    .mfoot_nav:focus { background-color: #e4e4e4; cursor:pointer; }
    .mfoot_nav a { color:#898989; display:block; }
    .mfoot_nav a:hover,
    .mfoot_nav a:focus{ text-decoration:none; }
    .mfoot_nav span { display:block;  padding:3px 0px 0px 0px; }
    .mfoot_share { width: 240px;  padding: 5px; }
    .jm-top:after {bottom: -55px; position: absolute; border-left: 173px solid transparent; border-right: 173px solid transparent; border-top: 56px solid #8cd4d1;}
    .read-bt a { padding: 5px; margin-top: 10px; width: 100%; padding: 2px; }
	.footer_menu{padding-right:10px; padding-left:10px;}
	
	iframe {width: 100%; height: 240px;}
	video {width: 100%; height: 240px;}
	.top_video video {width: 100%; height: 600px;}
	.center_tel{font-size: 16px;}
	.cooperation_img img{max-width: 90%; }
	.value{padding:10px;}
    
    /*手机-外贸网站如何选*/
    .video_bg{padding-bottom: 0 ;}
    .top_video{margin: 32px 0 0;}
}

@media screen and (max-width: 767px) {
    .copyright_p{display:none;}

}

/*320px到768px*/
@media screen and (min-width:320px) and (max-width:768px) {

    .col-mm-1, .col-mm-2, .col-mm-3, .col-mm-4, .col-mm-5, .col-mm-6, .col-mm-7, .col-mm-8, .col-mm-9, .col-mm-10, .col-mm-11, .col-mm-12 {
      float: left;
    }
    .col-mm-12 {
      width: 100%;
    }
    .col-mm-11 {
      width: 91.66666667%;
    }
    .col-mm-10 {
      width: 83.33333333%;
    }
    .col-mm-9 {
      width: 75%;
    }
    .col-mm-8 {
      width: 66.66666667%;
    }
    .col-mm-7 {
      width: 58.33333333%;
    }
    .col-mm-6 {
      width: 50%;
    }
    .col-mm-5 {
      width: 41.66666667%;
    }
    .col-mm-4 {
      width: 33.33333333%;
    }
    .col-mm-3 {
      width: 25%;
    }
    .col-mm-2 {
      width: 16.66666667%;
    }
    .col-mm-1 {
      width: 8.33333333%;
    }
}