body{font-family:Arial,'microsoft yahei',Helvetica, sans-serif; color: #333;}
header{}
ol,ul,li {list-style:none; margin:0px; padding:0px;}
.top_menu{font-size: 12px;background-color: #fff;color: #555;  width: 100%;  height: 40px;border-bottom: 1px solid #ecf2f3;}
.top_menu i{ font-size:18px;}
i.i {color: #fff;font-size: 15px;text-align: center-left;width: 20px;height: 20px;}

pre {white-space: pre-wrap;word-wrap: break-word; background-color:#FFFFFF; border:none;line-height: 28px;font-family:Arial,'microsoft yahei',Helvetica, sans-serif;color: #2F2F2F;font-size: 14px;}
.product_con .tags a {margin-right: 3px;padding: 0 8px;line-height: 26px;color: rgba(0,0,0,.5);background: rgba(0,0,0,.04);display: inline-block;}
.form-group {margin-bottom: 15px;overflow: hidden;}
.footer-bar a,.footer_menu p a{ color:#FFFFFF;}

.language{float: right; height: 40px; padding:2px 10px 0px 10px; font-size: 14px;color: #555;line-height: 40px;}
.top_name{display: inline-block; padding-top:12px;}
.logo{margin-top: 10px; max-width: 700px;}
.flash img{ width: 100%}
.flash ul.bxslider{list-style:none;}
.flash div.bx-pager{bottom: 4%;}
.flash div.bx-controls-direction{ display:none; }
.main{ padding:30px 0px 10px 0px;}
/*.opacity_img{border: 1px solid #eeeeee;transition:border 0.4s;}
.img-thumbnail:hover,.opacity_img:hover{border: 1px solid #BFBEBE;}
.img-thumbnail:hover, .opacity_img:hover {opacity: 0.8;}*/

.opacity_img:hover{transition: 0.8s;transform: rotateY(360deg);}

.top_name a{ margin-right:15px; height:40px; color:#555;}/**/
/*导航菜单*/
.navbar{ margin:0px; background-color: #fff; border: none;}
.glyphicon-home:before {color: #3f51b5;}
#app_menudown{position: absolute; top:0px; right:0px; font-size: 18px;}
#app_menudown:hover{background-color: #3f51b5;}
.language a{ color:#555;}/*****/
.language i{ color:#555; margin-left:30px;}/****/

.search-box {padding: 14px 0;background: #000;word-wrap: break-word;}
.container {margin-right: auto;margin-left: auto;padding-left: 15px;padding-right: 15px;min-width: 300px;}
.searchimage {line-height: 35px;background-color:#3f51b5;border: none;color: #fff;margin-left: -13px;}
#keyword{background:#fff;line-height:33px; height:37px;width:100%;padding-left:15px;border:#d9d9d9 1px solid}
.hottag{line-height:36px; color:#ccc;}
.hottag a{color:#ccc;}

h2.tt:before{content:'';width:85px;height:6px;background:url(../images/title_left.png) no-repeat;margin:0 auto;display:inline-block;vertical-align:middle;margin-right:15px}
h2.tt:after{content:'';width:85px;height:6px;background:url(../images/title_right.png) no-repeat;margin:0 auto;display:inline-block;vertical-align:middle;margin-left:15px}
.scroll{width:50px;height:50px;background:#3f51b5;color:#fff;line-height:50px;text-align:center;position:fixed;right:30px;bottom:50px;cursor:pointer;font-size:14px; border-radius:50px;}



/*产品搜索*/
.search_group{margin: 20px 0px 15px 0px;}
.search_group input.form-control{border-radius:0;box-shadow:none;color:#585A5A;padding:0 0 0 15px;height:30px;background:0 0;border: 1px solid #ccc; background-color:#fff; border-right:none;}
.mysearch_btn{ background-color:#4f62ce;color:#fff;border-radius: 0px;transition:background 0.3s;}
.mysearch_btn:hover,.mysearch_btn:focus{ background-color:#3f51b5; color:#fff;}
#small_search{float: right; margin-top: 7px; padding:8px 13px;font-size: 17px;border-radius: 4px; color: #fff;}
#small_search:hover,#small_search:focus{cursor: pointer; background-color: #3477c8;}

/*首页产品*/
.product_head h2{font-size: 30px; text-align: center; color: #3f51b5; margin: 0px; }
.product_head p{text-align: center;padding-top: 2px;  font-size: 18px;color: #9A9A9A; margin-bottom:5px;}
.product_index{margin:45px 0px 0px 0px;}
.product_list{clear: both;  padding: 30px 0px 30px 0px;margin-right: -15px;margin-left: -15px;}
.product_list2{padding-top: 30px;}
.product_img{padding-left: 15px; padding-right: 15px; /*min-height: 330px;*/}



.product_img img{margin-right: auto;margin-left: auto;display: block;max-width: 100%;height: auto; margin-bottom: 10px;  max-height: 320px;}
.product_list2 div.product_img{min-height: 220px;}
.product_title{ text-align: center;height: 40px;}
.product_title a{ color: #656464;}
.product_title a:hover{text-decoration: none;color:#F3C98B;}

.pd_show{ position:absolute; top:0px; left:15px; right:15px;text-align:center; display:none; width:90%; height:81.5%; background-color:#3f51b5;opacity:0.7;border-radius: 4px;}
.product_img:hover .pd_show{ display:block;}
.pd_shpwimg{ padding-top:50%;margin-top: -24px;}



/*首页案例*/
.case_box{background-color: #101010;padding:50px 0px 20px 0px; margin-top: 40px;}
.case_head h2{text-align: center;margin-bottom: 5px; color: #fff;}
.case_head p{text-align: center;color: #999999;}
.case_list{clear: both;  padding: 30px 0px 10px 0px;margin-right: -15px;margin-left: -15px;}
.case_list p.product_title a{color: #fff}
.case_list p.product_title a:hover{text-decoration: none;color:#F3C98B;}
.case_title{text-align:center; padding:5px 0px; line-height:1.8;}
.case_title a{ color:#333;}

/*我们的优势*/
.advantage{text-align: center; color: #fff; padding:0px 0px 10px 0px;/*background-color: #F4F4F4;*/}
.advantage_head h2{font-size: 30px; color: #666666;}
.advantage_head p{text-align: center;padding-top: 2px;  font-size: 18px;color: #9A9A9A; margin-bottom:5px;}
.advantage_list{padding-top: 30px;}
.advantage_col{margin-bottom: 30px;text-align: center;}
.advantage_col p{text-align: center;padding-top: 12px;}
.advantage_col p a{color: #434343;font-size: 16px; font-weight: bold;}
.advantage_col p a:hover{color: #F3C98B; text-decoration: none;}


.bg-advantage{ /*background:url(../images/bg.png);*/  background-size:cover; background-color:#000;}
.ico-left{ float:left; width:20%;}
.ico-right{ float:right; width:80%;color:#FFF;}
.ico-right h3{ text-transform:capitalize; margin:0px;}
.well-4 {padding-top: 72px;padding-bottom: 79px;}
.well-1 {padding-top: 15px;padding-bottom: 15px;}
.info_more{position:absolute;background:#3f51b5;bottom:0;width:100%;line-height:35px;}
.info_more:hover{background:#d8181b;}
.info_more a{ color:#FFF; text-decoration:none;}
.news_img{ padding:0px;}

/*公司简介*/
.about_index{padding: 45px 20px 10px 20px;}
.about_head h2{font-size: 30px; text-align: center; color: #3f51b5; margin: 0px; }
.about_head p{text-align: center;padding-top: 2px;  font-size: 18px;color: #9A9A9A; margin-bottom:25px;}
.about_content p{line-height: 34px; margin-top:20px;font-size: 14px;color: #888;}
.about_content img{margin: 0px 30px 0px 0px; max-width:500px;}
.about_content a.btn-info{color: #3f51b5; background: transparent; border-radius: 0px; border:1px solid #3f51b5; padding: 8px 36px;}
.about_content a.btn-info:hover,.about_content a.btn-info:focus{color: #fff; background: #3f51b5; border:1px solid #3f51b5; }

/*首页新闻*/
.news_head{margin:40px 0;}
.news_head h2{font-size: 28px; font-weight: bold;text-align: center;color: #38383A;margin: 0px;padding-top: 15px;}
.news_head p{padding-top: 1px;background-color: #999; margin-top: -15px;}
.index-time p{font-size: 20px;margin-bottom: 10px; padding: 10px 0;}
.index-time a{padding: 5px 12px; border: 1px solid #c5c5c5;border-radius: 5px;color: #333;display: inline-block;}
.index-time a:hover{border: 1px solid #2e6fa3;transform: translate(20px, 0px);color: #2e6fa3;}
.new_cont a{font-size: 18px; color: #333;line-height: 1.8;font-weight: bold;}
.new_cont a:hover{color: #2e6fa3; text-decoration: none;}
.new_a{background-color: #3f51b5; color: #fff;border-radius:40px; padding: 10px 50px;font-size: 16px;border: 1px solid #3f51b5;display: inline-block;}
.new_a:hover{background-color: #4f62ce; color:#fff;text-decoration: none;}
/*首页新闻*/
.index_new{border: 1px solid #eee;border-radius: 10px;}
.index_new img{padding: 20px;}
.news_cont{/* text-align: center;*/padding: 10px 20px;}
.news_but a{color: #fff; padding: 10px 20px; background-color: #3f51b5; border-radius: 25px}
.news_but a:hover{background-color: #545454;text-decoration: none;}

/*列表页*/
.list_box{clear: both; padding:10px 0px 0px 0px;}
.page_bg{height:210px;margin-top:81px;}

/*栏目导航*/
.left_nav{ clear: both; padding-top: 10px;}
.right_head h2,.left_h3,.left_h,.pr{background:url(../images/title_line.jpg) left bottom no-repeat; font-size: 22px; display: block; margin-top: 25px; padding: 0px 0px 10px 0px; color: #000;}
.left_nav_ul{list-style:none;margin:0px;padding:0px; margin:15px 0px 0px 0px;}
.left_nav_ul > li{position:relative; border-bottom: 1px solid #f2f2f2; background: url(../images/left_sli.gif) 6px 15px no-repeat;padding:8px 0px 8px 18px; }
.left_nav_ul > li > a{text-decoration:none; color:#656464;}
.left_nav_ul > li > a:hover,.left_nav_ul li a.left_active{color:#000000;}
/*小类*/
ul.left_snav_ul{list-style:none;padding:0px;display: none; padding-top: 8px;}
ul.left_snav_ul > li{ margin:0px;padding:5px 0px 5px 10px; background: url(../images/left_sli.gif) 0px 13px no-repeat;}
ul.left_snav_ul > li > a{border:0;color:#797979;padding: 5px 0px 5px 0px;}
ul.left_snav_ul > li > a:hover{ text-decoration: none;color:#F3C98B;}
.menu_head{cursor:pointer; font: 600 18px/30px "Open Sans", sans-serif; width:35px; text-align:center;color:#303c4b;display:inline-block;position: absolute; top:3px; right:0px;}
.menu_head:hover{ color: #000000;}

/*左侧新闻*/
.left_news{clear: both; list-style:none;margin:0px; padding:12px 0px 0px 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:#656464;display: inline-block;}
.left_news li a:hover{ text-decoration:none;color:#3f51b5; }

/*左侧联系*/
.index_contact{margin:30px 0px 35px 0px;}
.index_contact p,.index_econtact p{clear: both;}

/*列表页-面包屑*/
.bread_bg{background-color: #f3f3f3;}
.bread_nav{padding: 10px 0px 10px 0px;}
.bread_nav span{color: #3f51b5;padding-right: 6px;}
.bread_nav a{color: #2F2F2F;}
.bread_nav a:hover{color: #478FDB;text-decoration: none;}

/*新闻列表*/
.right_new,.list_news{clear: both; list-style:none;margin:0px; padding:12px 0px 20px 0px;}
.right_new li,.list_news li{color:#898989;background: url(../images/li.png) no-repeat left 14px;line-height:22px; padding:8px 0px; padding-left:13px;border-bottom: 1px dashed #e3e2e2;/*dotted*/ }
.right_new li a,.list_news li a{color:#303c4b;display: inline-block;}
.right_new li a:hover,.list_news li a:hover{text-decoration:none;color:#F3C98B;}
.right_new_time,.news_time{ float:right;}

.right_contents,.contents{clear: both; padding:15px 2px 0px 2px; line-height:28px; overflow: auto;}
.right_contents_h1,.contents_title{ margin: 0px; padding: 10px 0px; text-align: center; color: #000; font-size:18px;color:#434343;font-weight:bold; line-height: 34px;}


/* 新闻详情页 */
.time i{color:#717375; padding: 10px 10px 10px 0;}
.time {color:#a5aaae;}
.title a {color:#282828; font-size: 20px; letter-spacing: normal; margin-top: 0;margin-bottom: 12px; line-height: 1.4; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold;display:block;}		
.zhai{color:#666;line-height: 23px;font-size: 14px;}
.new_bnt { background: #717375; color: #fff; padding: 4px 10px; font-family: 'poppins-semibold'; transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all;
    -moz-transition: 0.5s all; -ms-transition: 0.5s all; margin-top: 6px; font-size: 12px;}
a.new_bnt:hover{ color:#fff;}

/*新闻列表*/
.list_news{clear: both; list-style:none;margin:0px; padding:12px 0px 20px 0px;}
.list_box a{color: #333;}
.list_box a:hover{color: #0068b7;text-decoration:none;}
.list_news li a{color: #333;font-size:14px; display: inline-block;}
.list_news li a:hover{color: #0068b7;text-decoration:none;}
.news_time{ float:right;}
.new_list li{list-style: none; border-bottom: 1px solid #ddd;margin: 10px 0;}
.contents{clear: both; padding:15px 2px 0px 2px; line-height:28px; overflow: auto;}
.contents_title{ margin: 0px; padding: 10px 0px; text-align: center; color: #000; font-size:18px;color:#434343;font-weight:bold; line-height: 34px;}



/*分页样式*/
.page{clear:both; margin:20px 0px 0px 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: #000 1px solid; padding:4px 9px;color: #fff; background-color: #31363c;}
.page .current {font-family: Arial;border: #000 1px solid; font-size: 13px; padding:5px 9px; color: #fff;margin: 2px;  background-color: #31363c}

/*产品展示*/
#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;}
.showpic_box,.proinfo_box{margin: 30px 0px 20px 0px;}
.showpic_box div.bx-wrapper img{margin: 0 auto; max-height: 340px;}
.product_h1{ margin:0px; line-height:24px; font-size:16px; color: #077D31; padding-bottom:5px;border-bottom: 1px dotted #cccccc;}
.product_info{list-style:none; padding:0px; margin-top:10px;}
.product_info li{ line-height:24px; padding-bottom:12px;}
.product_con{ clear: both; border-top: 1px dotted #ccc; margin:10px 0px 20px 0px;padding:20px 0px 0px 0px; line-height:1.5;overflow: auto;}
.product_con p{ margin:2px;}
.related_h1{padding: 30px 0px 12px 0px; color: #303c4b; margin:0px; display: block;  font-weight:300; font-size:24px; border-bottom:5px solid #f4f5f6;font-family:'Roboto',Arial,Helvetica, sans-serif;}
.related_list{padding-top: 25px;}
.related_news{ padding-top: 10px; clear: both; margin-bottom: 15px;}

.download_btn{text-align: right; margin: 10px 10px 20px 0px;}
.page-btn{background-color: #3f51b5; border-radius: 0px; border: none;}
.page-btn:hover,.page-btn:focus{background-color:#4458c7; }
.grey-btn{border-radius: 0px;border: none; background-color: #E8E8E8;}
.grey-btn:hover,.grey-btn:focus{background-color: #ccc;}

.a2a_default_style{display: inline-block;}

/*在线留言订购*/
.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:#0068b7;}
.point span.to_prev a:hover{color: #F3C98B; text-decoration: none;}
.point span.to_next{text-align:center; }
.point span.to_next a{color:#0068b7;}
.point span.to_next a:hover{color: #F3C98B; text-decoration: none;}

/*标签样式*/
.tags{ margin: 15px 0px 10px 0px}
.tags a{ margin: 0px 5px 8px 0px}
.tags_list{padding: 5px 10px 100px 10px}
.tags_ul{ margin-top: 10px;}
.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: #a0a0a0; 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;}


/*首页Tags*/
.tags_box{background-color: #24A551; padding: 9px 0px 9px 0px; text-align: center;color: #fff;font-size: 13px;}
.tags_box a{color: #fff; border-right: 1px solid #fff; padding:0px 8px 0px 8px;font-size: 13px;}
.tags_box a:hover{text-decoration: none; color: #FFEB3B;}
.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 10px 0px 0px;}
.tags_title:after{content:"：";}

/*友情链接*/
.link_box{background-color:#3f51b5;padding:0px 0 10px 0; margin-top:-10px;text-align:center;color:#fff;font-size:13px;}
.link_box a{color:#fff;padding:0 0 0 10px;font-size:13px}
.link_box a:hover{text-decoration:none;color:#fff}
.link_box a:last-child{border-right:0}
.link_box button{display:none}
.link_title{font-size:13px;margin-right:-6px}

/*底部TAGS*/
.tags_box{background-color: #4f62ce; padding: 10px 0px 15px 0px; text-align: center;color: #fffff1;}
.tags_box a{color: #fffff1; border-right: 1px solid #fffff1; padding:0px 8px 0px 8px;}
.tags_box a:hover{text-decoration: none; color: #fffff1;}
.tags_box a:last-child{border-right:0px;}
.tags_box button{display: none;}
.tags_title{}
.tags_title a{padding:0px 10px 0px 0px;}
.tags_title:after{content:"："}

/*底部分类*/
.footer_menu a{color:#363f4d;line-height:24px}
.footer_menu a:hover{color:#fff;text-decoration:none}
.footer_menu_first{font-family:'Libre Baskerville',serif;font-size:16px;margin-bottom:18px}
/*底部翻译*/
.translate{background-color: #ececec;}
.translate_btn{width:130px;margin: 0 auto;padding-top:20px;}


footer{background-color:#4f62ce;color:#fffff1;width: 100%;padding-top: 20px;line-height: 1.8;font-size: 14px;}
footer a{color:#fff;}
footer a:hover, footer a:focus{ color:#fffff1; text-decoration:none;}
.form-control{ border:none; background-color:#FFFFFF;color:#999;padding:2px 6px;font-size: 13px;border-radius:0; height:28px;}
#footer #section-footer{padding-top:40px;padding-bottom:45px;}
#footer #section-footer .section-content .heading{font-size:19px;font-weight:700;margin-bottom:25px}
#footer #section-footer .about-us{font-size:15px}
.foot-news li{line-height:1.6;margin-bottom:13px}
.foot-contact li{line-height:1.6;margin-bottom:10px}
.f-qrcode{padding-top:5px}
#section-copyright b{color:#F85B5B}
#wrapper #footer #section-footer .logo .img-responsive{width:auto}
#footer #section-footer,#wrapper #footer #section-footer{padding:35px 0 25px!important}
.cs{margin-left:-35px;font-size:12px;color:#fff;padding-top:5px;padding-top:12px}
.footer .decor-brand{margin:19px 0 26px}
.decor-brand{background:url(../images/decor-brand-red.png)}
.decor-brand{display:block;width:46px;height:15px;margin:28px auto;background:url(../images/decor-brand-red.png);background-repeat:no-repeat}
.icons{margin-top: 15px;width: 40px;height: 40px;line-height: 40px;margin-right: 12px;text-align: center;border-radius: 50%;background-color: transparent;border: 1px solid #ffffff;color: #ffffff;display: inline-block;vertical-align: top;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}
.icons:hover{ background:#FF7833;}
.ddtt {padding-bottom: 5px;color: #fff;}
.footer-m{display:inline-block;padding:5px 10px;background-color:#478FDB;border-radius:3px;font-size:12px;color:#fff;}
.footer-m:hover{color:#ccc;background-color:#478FDB}
.footer-bar{padding:20px 0px;text-align:center; background-color:#3f51b5}




.footer-bar .foot-nav{display:block;text-transform: uppercase;font-size: 11px;    float: right;}
.footer-bar .foot-nav li{display:inline-block;vertical-align:top;line-height:30px;padding:0 0 0 8px;}
.footer-bar .foot-nav li{*display:inline;}
.footer-bar .foot-nav li:first-child a:before{display: none;}
.footer-bar .foot-nav li.current{font-weight: bold;}
.footer-bar .foot-nav li.current,.footer-bar .foot-nav li.current a{color:#478FDB;}
.foot-nav li a{display:inline-block;}
.foot-nav li a:before{content:'|';padding: 0 8px 0 0;}
.foot-nav li a:hover{ color:#478FDB;}


.footer-bar a,.footer-bar{ color:#fff;}
.list-unstyled{padding-left:0;list-style:none}
li,ul{list-style:none;margin:0;padding:0}
.list-unstyled ul{display:block;list-style-type:disc;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:40px}
.features_sec17{width:100%;padding:45px 0;background-color:#f4f4f4; }
.clients .jcarousel-skin-tango .jcarousel-container-horizontal{width:100%;text-align:left;float:left}
.par{ text-align:center; padding-bottom:20px;margin-left: -28px;}
.par h2{text-align:center;color:#5E5E5E;line-height:24px;margin:0;font-size:24px;font-weight:700;text-transform:uppercase}
.par i{display:block;width:90px;margin:0 auto;height:1px;background-color:#000;margin-top:15px}
.scroll{width:45px;height:45px;background:#3f51b5;color:#fff;line-height:45px;text-align:center;position:fixed;right:10px;bottom:50px;cursor:pointer;font-size:14px; border-radius:5px;}

.jcfrom {border: solid 1px #ccc;}

/*大屏幕*/
.sdropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
        margin-top: 2px;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.sdropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
@media screen and (min-width: 769px) {
      .logo{margin:20px 0px 0px 0px; max-width:330px; max-height:60px;}
      .flash{margin-top:80px;}
      .navbar{min-height:80px; margin-top: 40px;border-bottom: 1px solid #f3f1f1;}
      .navbar-nav{float:right;}
      .navbar-nav > li > a {text-align: center;}
      .navbar-default .navbar-nav > li > a{padding-top:30px; padding-bottom:30px;color: #3f51b5;font-size: 16px;font-weight: 600;}
      .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 > .open > a,
      .navbar-default .navbar-nav > .open > a:hover,
      .navbar-default .navbar-nav > .open > a:focus {background-color: #3f51b5; color: #fff; }

      .small-nav{min-height: 50px; margin-top: 0px;background: rgba(255,255,255,0.95);}
      .small-nav .navbar-nav > li > a{padding-top: 20px; padding-bottom:20px;}
      .small-nav img.logo{max-height: 60px; max-width:220px; margin:5px 0px 0px 0px;}

      .nav_small{background: #3f51b5;padding: 8px 0px 8px 0px; border-radius: 0px; border: none; }
	  .snav_small{top: 0;left: 100%; position: absolute;background: #3f51b5;padding: 8px 0px 8px 0px; border-radius: 0px; border: none;}
	  .snav_small > li{}
      .snav_small > li > a{line-height:26px; color: #fff; font-size: 13px; }
      .snav_small > li > a:hover{color: #fff; background-color:#4f62ce;text-decoration:none;}
	  .nav_small > li:hover>ul {z-index: 999;display:block;}
      .nav_small > li{position: relative;}
      .nav_small > li > a{line-height:26px; color: #fff; font-size: 13px;}
      .nav_small > li > a:hover{color: #fff; background-color:#4f62ce;}
	  
	  
	  .dropdown-menu2{position:absolute;left:100%;z-index:22;display:none;top:0;width:100%; min-width:230px;background-color:#3f51b5;}
      .dropdown-menu2 li{height:37px;line-height:37px;color:#000;padding:0 10px;}	  
	  .dropdown i{display:none;}	  
      .dropdown-menu2 li a{color:#fff;text-decoration:none;font-size:13px;display:block;}  
      .dropdown-menu2 li:hover{background:#4f62ce}
      .dropdown-menu2 li:hover a{color: #fff;}
      .dropdown-menu li.dropdown{position:relative;}
	  .dropdown-menu li.dropdown a{}
      .dropdown-menu li.dropdown:hover .dropdown-menu2{display:block!important;}
	  
	  
	  
       #app_menudown,#small_search{ display:none; }
      .index_left_nav,.footer_nav{display:none; }
      .index_about {width: 600px;}
	  .mfoot_box{display:none}
}

/***********************************************/
.index-sv-items{position:relative;overflow:hidden; padding:35px 0 20px 0;}
.index-sv-items ul{width: 100%;margin: 0 auto;}
.index-sv-items ul li:nth-child(1){;margin-left:0;}

.index-sv-items .sv-item{width: 285px;float:left;width: 285px;text-align: center; margin-left:10px;position:relative; background-color:transparent;transition-duration: 2s;-webkit-transform:none;
-moz-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);}
.index-sv-items .sv-item:hover .sale-hide{ opacity:1; -moz-transition:all 0.8s ease-in-out;-webkit-transition:all 0.8s ease-in-out;-ms-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out; -webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
transform: rotateY(360deg);
}
.index-sv-items .sv-item:hover .sale-hide .sv-tit{display:block;text-align:center; margin-top:50%;}
.index-sv-items .sv-item:hover .sale-info img{  -moz-transition:all 0.8s ease-in-out;-webkit-transition:all 0.8s ease-in-out;-ms-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out; -webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
transform: rotateY(360deg);
}

.index-sv-items .sale-info{ width:100%; }
.index-sv-items .sale-info img{ width:100%;}
.index-sv-items .sale-hide{opacity:0;text-transform: uppercase; position:absolute;left:0; top:0; background-color:#fff; width:100%; height:100%;}
.index-sv-items .sv-tit,.index-sv-items .sv-tit a{color:#333;}
.index-sv-items .sv-tit{position:relative;padding:0 0 20px;border-bottom: 1px solid #eee;line-height: 1.2em;font-size:24px;font-weight:normal;text-transform: uppercase;}
.index-sv-items .sv-desc{font-size:14px;line-height:1.8;padding:18px 10px 20px;}
/* about us */
.index-about{position:relative;margin-top:20px;}
.index-about .layout{padding: 0 0 30px;}
.about-tit-bar{padding-bottom: 40px;}
.about-tit-bar .title{font-size: 16px;font-weight: normal;line-height: 1em;text-align: center;}

.about-tit-bar .title,.about-tit-bar .title a{ color:#000; }
.about-tit-bar .title a{ color:#000;  border:2px #3f51b5 solid; padding:12px 80px;display: inline-block;}
.about-tit-bar .title a:hover{background-color: #3f51b5;color: #fff; text-decoration:none;}
.about-banner{position:relative;float:left;}
.about-banner:after{  content:""; display:block;width:0; height:0; border-color:transparent #f8ddd4 transparent transparent ;
    border-width: 35px 35px;
    border-style: solid dashed dashed; position:absolute; top:235px; z-index:20; right:0;}
.about-banner li.slide-item,.about-banner li.slide-item img{position:relative;max-width:540px;max-height: 540px;}
.about-cont{position: relative; background-color:#3f51b5;overflow: hidden;}
.about-detail{font-size:18px;line-height: 1.7;width:460px;float: right; margin-top:60px;margin-right: 50px;}
.about-detail h5{ font-size:18px; line-height:50px;}
.about-detail,.about-detail a{color:#fff;}
.about-detail p{padding-bottom:8px; font-size:14px;}
.about-banner ul{ list-style:none; margin:0px; padding:0px;}
.about-detail .about-more{display:inline-block;border: 3px solid #ff3100;border-radius: 5px;padding:7px 30px;font-size:18px;color:#fff;display:inline;text-transform: uppercase;position: relative;}	
.about-more-info{ display: table;margin-top: 30px;border-radius: 5px;float: right;}
@media screen and (min-width: 769px){
.about-detail .about-more:hover{ text-decoration:none;}
.about-detail .about-more:after{content:'>>';display: inline-block;width: 10px;height: 10px;margin-left: 8px;opacity: 0;position: absolute;right: 20px;}
.about-detail .about-more:hover:after{width: 10px;opacity: 1;right: 17px;}
}
.about-banner .flex-direction-nav{display: none;}
.about-banner .flex-control-nav {bottom:-25px;position: static;padding-top: 10px;line-height: 1;}
.about-banner .flex-control-paging li {padding:0 2px;}
.about-banner .flex-control-paging li a {width:5px; height:5px;border-radius:0;background-color: #fff;opacity: 1;filter: alpha(opacity=100); border: 1px solid #000;}
.about-banner .flex-control-paging li a.flex-active{background-color: #000;}


.foot-wrapper{position:relative;width:100%;overflow:hidden;background-color: #555555; border-top:50px solid #c5d4db;}
.foot-wrapper,.foot-wrapper a{ color:#fff; }	
.foot-wrapper .foot-items,.foot-wrapper .foot-items a{color:#fff;}
.foot-wrapper .foot-items a:hover{color:#fff;text-decoration: underline;}
.foot-wrapper .foot-items{padding:40px 0px 30px 0px;border-bottom: 1px solid #606060;color: #fff;}
.foot-wrapper .layout{position: relative;}
.foot-items{position: relative;}
.foot-items .foot-item{display:inline-block;vertical-align:top;}
.foot-items .foot-item .foot-tit{position:relative;height:22px;line-height:22px;font-size:14px;text-transform: uppercase;font-weight:normal;margin:0 auto 35px;padding: 0 0 8px;}
.foot-items .foot-item .foot-tit,.foot-items .foot-item .foot-tit a{color:#fff;font-weight: bold;font-size: 18px;}
.foot-items .foot-item .foot-cont{position:relative;}
.foot-contact{position:relative;width:270px;float:left;margin: 0 90px 0 0;}
.foot-inquiry{_display: inline;position:relative;width:290px;float: left;margin: 0 90px 0 0;}
.foot-inquiry p{padding-bottom: 15px;line-height: 1.3;font-size: 13px;}
.foot-contact li{line-height:2em;padding:0;font-size:13px;position:relative;margin:0;}
.foot-contact li:before{content:'';display:inline-block;margin-right:10px;float:left;}
.foot-contact li p{width:237px;}
.foot-contact li{display:table;width:100%;padding-bottom: 8px;}
.foot-contact li:before,.foot-contact-tb li p{vertical-align:top;text-align:left;font-weight:normal;margin:0;}
.foot-contact li.foot-phone,.foot-contact li.foot-email{}
.foot-contact li.foot-addr:before{content:"\e947";	font-family: 'icomoon'; font-size:20px; line-height:34px; color:#fff;}	
.foot-contact li.foot-phone:before{content:"\e942";	font-family: 'icomoon'; font-size:20px; line-height:34px; color:#fff;}
.foot-contact li.foot-email:before{content:"\e619";	font-family: 'icomoon'; font-size:20px; line-height:34px; color:#fff;}
.foot-contact li.foot-fax:before{content:"\e945";	font-family: 'icomoon'; font-size:20px; line-height:34px; color:#fff;}
.foot-contact li.foot-sky:before{content:"\eac6";	font-family: 'icomoon'; font-size:20px; line-height:34px; color:#fff;}	


.foot-inquiry .subscribe{}
.subscribe-form{position:relative;width:100%;display:block;}	
.foot-inquiry .subscribe-form .subscribe-ipt{display:block;width:100%;text-indent: 8px;border: 0;color:#fafafa;background-color:#2b2b2d;height:28px;line-height:28px;font-style:italic; color:#5d5d5d; margin-bottom:10px;}
.foot-inquiry .subscribe-form .subscribe-btn{display:inline-block;height:28px;line-height:28px;background-color:#fb5722;border:0;cursor:pointer;font-size:14px;padding:0 12px;margin-top:12px; color:#fff;text-transform: uppercase;}
.foot-inquiry .subscribe-form .subscribe-btn:hover{background:#ff3100; color:#000;}

.foot-blog{position:relative;width:430px;float:right;}
.blog-slides{position:relative;z-index:0;}
.blog-slides ul{position:relative;display:block;overflow:hidden;}
.blog-slides ul li{position:relative;display:block;overflow:hidden; padding-bottom:10px;}				
.foot-blog-item .blog-cont .blog-cont-pic{float:left;width:100px;overflow:hidden;margin:0 20px 0 0;position: relative;padding: 3px;background-color: #454545;}
.foot-blog-item .blog-cont .blog-cont-pic:hover{background-color: #000;}
.foot-blog-item .blog-cont img{width:100%;}
.foot-blog-item .blog-cont-title{height: 54px;line-height: 18px;overflow: hidden;font-weight:normal;font-size:13px;margin-top: 8px;}	
.foot-blog-item .blog-cont-time{display:block;position:relative;line-height: 1.5;font-size: 13px;padding-bottom: 3px;}	
.blog-slides .owl-dots {width:100%;position:absolute;left:130px;bottom:5px;display: inline-flex}
.blog-slides .owl-dots .owl-dot:nth-child(1) span {width:25px; height:25px;display: block; background:none; cursor:pointer; text-indent:-9999px;margin:0 4px 0 0;
background-image: url(img/pd-nav-icos.png);
    background-position: -2px -4px;
    background-repeat: no-repeat;
}
.blog-slides .owl-dots .owl-dot:nth-child(2) span {width:25px; height:25px; display: block;background:none; cursor:pointer; text-indent:-9999px;margin:0 4px 0 0;
background-image: url(img/pd-nav-icos.png);
    background-position: -30px -4px;
    background-repeat: no-repeat;
	    
    left: 30px;
}
.blog-slides .owl-dots .owl-dot .active{ border:1px solid #fff;}	
	
.blog-slides .blog-cont-text{margin-top: 12px;line-height: 18px; color:#666;}
.blog-slides .owl-carousel .owl-controls{height:auto;text-align:left;clear: both;;}
.blog-slides .owl-carousel .owl-controls .owl-prev,.blog-slides .owl-carousel .owl-controls .owl-next{position:static;width:16px;height:16px;text-align:left;margin-right:3px;background-image: url(img/ico-small-arrows.png);}
.blog-slides .owl-prev,.blog-slides .owl-next{background-position:center center; background-repeat:no-repeat;display:inline-block;text-indent: -9999px;overflow: hidden;}
.blog-slides .owl-prev{background-position: -1px -2px;}
.blog-slides .owl-prev:hover{background-position: -1px -22px;}
.blog-slides .owl-next{background-position: -20px -2px;}
.blog-slides .owl-next:hover{background-position: -20px -22px;}


.footer{padding:10px 0;}
.footer .foot-nav,.footer .copyright{    float: left;}
.footer .foot-nav{display:block;text-transform: uppercase;font-size: 11px;    float: right;}
.footer .foot-nav li{display:inline-block;vertical-align:top;line-height:30px;padding:0 0 0 8px;}
.footer .foot-nav li{*display:inline;}
.footer .foot-nav li:first-child a:before{display: none;}
.footer .foot-nav li.current{font-weight: bold;}
.footer .foot-nav li.current,.footer .foot-nav li.current a{color:#ff3100;}
.foot-nav li a{display:inline-block;}
.foot-nav li a:before{content:'|';padding: 0 8px 0 0;}
.foot-nav li a:hover{opacity:0.8;filter:alpha(opacity=80);}
.footer .foot-logo{display:inline;float:left;margin:0 50px 0 0;color:#999;}
.footer .copyright{line-height: 36px;font-size: 11px;}

.head-social{position:relative;display:inline-block;float:right;position: relative; top:14px;}
.head-social li{position:relative;overflow:hidden;display:inline-block;vertical-align:top;*display:inline;*zoom:1;top:-12px;background: #f8ddd4; padding: 5px; margin-left:10px; border-radius:50%;}
.head-social li a{display:block;}
.head-social li a img{max-width: 18px;max-height: 18px;}
.head-social li:hover{background-color: #f96c40;}
.head-social li,.head-social li:hover a:before,.head-social li:hover{    -webkit-transition: .3s ease 0s; -moz-transition: .3s ease 0s; -ms-transition: .3s ease 0s; -o-transition: .3s ease 0s;transition: .3s ease 0s;}

.features_sec17{width:100%;padding:45px 0;background-color:#e3e3e3; }
.clients .jcarousel-skin-tango .jcarousel-container-horizontal{width:100%;text-align:left;float:left}
/**********2018**************/
.head-search-wrap{display:inline;float:left;position: absolute;right: 25px;margin-top: -35px;}
.head-search-bg {display:block;padding-top:28px;padding-bottom:10px;width: 210px;}
.head-search {display:inline-block;vertical-align:top;*display:inline;*zoom:1;}
.head-search .search-ipt {display:inline-block;width:200px;height:28px;line-height:28px;padding-left: 8px;border:0;background-color:#fff;border: 2px solid #eee;color:#aaa;font-size:14px;float:left; position:absolute;}
.head-search .search-btn {display:block;width:28px;height:28px;background:transparent; color: #111;border:0;cursor:pointer;z-index:9;font-weight: bold; position:relative; left:170px; background-image:url(../images/search-btn.png);}	
.head-search-show .head-search-ico,.head-search-wrap .head-search-ico:hover{background-position: center -33px;}
/***********************************************/



/*小屏幕*/
@media screen and (max-width: 768px) {
.dropdown a{color:#666;padding:0 30px;}
.top_name{ display:none;}
.footer-bar{}
.news_but{ margin:10px 0px;}
      .xcang{ display:none;}
	  .scroll{ width:0px; height:0px;}
      .logo{margin:7px 0px 0px 5px; max-width:180px; max-height: 50px;}
      .flash{margin-top: 50px;}
      .navbar{min-height: 50px; margin-top:40px;}
      .navbar-default .navbar-brand {color: #fff; font-size: 16px;}
      .navbar-default .navbar-brand:hover,
      .navbar-default .navbar-brand:focus {color: #fff;}
      .navbar-toggle{}
      .navbar-default .navbar-collapse, .navbar-default .navbar-form{border:none;}
      .navbar-default .navbar-toggle:hover,
      .navbar-default .navbar-toggle:focus {
      }
      .navbar-default .navbar-toggle .icon-bar{}
      .navbar-default .navbar-nav{margin-top: 0px;margin-bottom: 0px;}
      .navbar-default .navbar-nav > li {}
      .navbar-default .navbar-nav > li:last-child{border: none;}
      .navbar-default .navbar-nav > li > a,
      .navbar-default .navbar-nav .open .dropdown-menu > li > a{}
      .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: #3f51b5; color: #fff;}
       .small-nav{margin-top: 0px;background: rgba(255,255,255,0.95);}

      .navbar-fixed-top{background-color:#fff;}

     
      .search_group{margin: 5px 0px 20px 0px;}
      #topsearch{display: none;}
      .product_head{background:none;}
      .product_head h2{font-size:18px; margin-top: 20px;}
      .product_index{margin-top: 10px;}
      .product_list{padding: 20px 0px 0px 0px;}
      .product_img{min-height:200px; margin-bottom: 12px;}
      .product_list2 div.product_img{min-height:80px; margin-bottom: 12px;}
      .advantage_list{margin-top: 10px;}
      .advantage_head h2{font-size: 26px;}
      .about_head h2{font-size:18px;}
      .about_content img{max-width: 500px;width: 100%;margin-bottom: 15px;}
      .about_content a.btn-info{width: 220px; display:block; margin: 0 auto;padding: 8px 0px;}
      .case_box{padding:35px 0px 10px 0px; margin-top: 10px;}
      .case_head h2,.news_head h2{font-size:18px;}
      .news_img{display: none;}
      .news_index{padding-left: 0px;margin-bottom: 10px;}
      .news_index li span{left: 0px; top:0px; margin-right:12px;}
      .news_index li a{margin-left: 0px;font-size: 16px;}
      .news_index li em{display:block;margin-left: 0px;}
      .page_bg{display: none;}
      
      .left_h{margin-top: 10px;}
      .list_related h2.left_h{margin-top: 60px;}
      .product_con img,.contents img{width:100%;}
      .news_time{ display:none;}
      #pic-page a img {width:35px;}
      #cmsFloatPanel{ display: none;}
      .point span.to_prev,.point span.to_next{text-align:left; padding-bottom: 8px;}
      .product_list2{padding-top: 25px;}
      .feedback{margin-top: 20px;}
      .link_box{padding-left: 7px; margin-bottom:50px;}
      .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: #FFEB3B;}
      .link_list{display: none; padding-top: 7px;}
      .tags_box{padding-left: 7px;}
      .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: #FFEB3B;}
      .tags_rows{display: none; padding-top: 7px;}
      .footer_nav{background-color: #fafafa;}
      footer{padding-left: 8px; padding-right: 8px;}

h2.tt:before{content:'';width:25px;height:6px;background:url(../images/title_left.png) no-repeat;margin:0 auto;display:inline-block;vertical-align:middle;margin-right:5px}
h2.tt:after{content:'';width:25px;height:6px;background:url(../images/title_left.png) no-repeat;margin:0 auto;display:inline-block;vertical-align:middle;margin-left:5px}


/*****************************/
.index-sv-items{padding:0; margin-top:15px;}
.index-sv-items ul{width: 100%;}
.index-sv-items .sv-item{width:50%;padding:10px 15px 5px 15px;margin: 0 auto 10px;float: left;-webkit-animation:none;-moz-animation:none!important;animation:none!important;opacity:1!important;text-align: center;outline: none;   transition-duration: 0s;}
.index-sv-items .sv-item:hover{outline: none;border-color:#eee;}
.index-sv-items .sv-tit{font-size: 16px;}
.index-sv-items .sv-item:hover .sv-ico{-moz-transform:none;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;}
.index-sv-items .sv-ico{padding: 0;margin: 0 auto 15px;float: none;}
.index-sv-items .sv-ico img{width: 80px;border: 0;    max-height: none;}
.index-sv-items .sv-tit,.index-sv-items .sv-desc,.index-sv-items .readmore{margin-left: 0;}
.index-sv-items .sv-item:hover .sv-ico img{box-shadow:none;}
.index-sv-items .readmore a:before{-moz-transform:scale(0.7);-webkit-transform:scale(0.7);transform:scale(0.7);}

.index-about{width:100%;margin:0 auto;padding:0px;}
.index-about .layout{padding: 0;background-color: transparent;border: 0;width: 100%;}	
.about-tit-bar,.goods-tbar{text-align: center;padding-bottom: 0;}
.about-tit-bar .title,.goods-tbar .title{display: inline-block;z-index: 9;position:relative;font-size:18px;line-height:1.5em;font-weight: normal;position: relative;}	
.about-tit-bar .title:after,.goods-tbar .title:after{content:'';display: block;width: 170px;height: 1px;background-color: #ddd;margin: 10px auto 0;}
.about-banner li.slide-item, .about-banner li.slide-item img{max-width: 94%; margin-left:3%;text-align: center;}
.about-more-info{ margin:auto; margin-left:auto; float:none;}
.about-tit-bar .title{line-height: 1.5;font-size:16px;border-width: 2px;text-align: center;display: inline-block;padding: 0 15px;position: relative;z-index: 9;}
.about-cont{padding-top: 20px;padding-bottom: 20px;font-size: 14px;}	
.about-banner{float:none;width:100%;display:block;overflow:hidden;padding:0 0 5px;top: 0;	}
.about-banner .slides:after{content:'';display: block;height: 0;clear: both;visibility: hidden;}
.about-banner:after {display: none;}
.about-banner .flex-control-nav {position: static;padding: 15px 0;}	
.about-banner .flex-control-paging li{padding: 0 4px;}
.about-banner .slides{position:relative;width:100%;display:block;margin:0 auto;float: none;overflow: hidden;}	
.about-detail{float:none;width:75%;font-size:12px;margin: 0;text-align: center;    margin: auto;}
.about-detail p{text-align: left;line-height: 1.8;}
.about-detail .about-more{height:auto;line-height:30px;padding:3px 36px;font-size:14px;float: none;font-weight: bold;}		
.index-arr-product{    padding: 0 0 20px 0;}
.index-arr-product .owl-dot{padding: 0;}

.pd_show{width: 85%;height: 75%;}
.foot-blog{float:left; margin-top:20px;}
/********************************/
}

@media screen and (max-width: 767px) {
     .copyright_p{ display:none;}
}

@media screen and (max-width:412px) {
.pd_show{width:85%;height:79%;}
}

@media screen and (min-width:420px) and (max-width:768px){
  .pd_show{width:68%;height:87%;margin: 0px auto;}
.foot-inquiry{margin: 0 120px 0 0;}

	}
@media screen and (min-width:414px) and (max-width:420px){
.pd_show{width:86%;height:82%;margin: 0px auto;}
.foot-inquiry{margin: 0 120px 0 0;}
	}

@media screen and (min-width:1024px) and (max-width:1200px){
	.pd_show{width: 88%;height: 81%;}
	.about-banner li.slide-item, .about-banner li.slide-item img{ width:420px; height:420px;}
	.about-detail{ margin-top:20px;}
	.index-sv-items .sv-item{ width:230px;}
	.foot-contact,.foot-inquiry{margin:0px;}
	.head-search-bg,.head-search .search-ipt{ width:110px;}
	.head-search .search-btn{left: 80px;}
	}


/*320px到768px*/
@media screen and (min-width:320px) and (max-width:768px) {
  .col-mm-1,.col-mm-10,.col-mm-11,.col-mm-12,.col-mm-2,.col-mm-3,.col-mm-4,.col-mm-5,.col-mm-6,.col-mm-7,.col-mm-8,.col-mm-9{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%}
.css3{box-shadow:0 0;width:calc(100% + 2em);font-size:24px}
blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
fieldset,img{border:0;max-width: 100%;}
:focus{outline:0}
address,cite,code,ctoolion,dfn,em,optgroup,strong,th,var{font-style:normal;font-weight:400}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
abbr,acronym{border:0;font-variant:normal}
button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
code,kbd,samp,tt{font-size:100%}
body{line-height:1.5}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
ctoolion,th{text-align:left}
sub,sup{font-size:100%;vertical-align:baseline}
:link,:visited,ins{text-decoration:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}

}

@media screen and (max-width: 340px) {
  .logo{max-width:230px;}
}
.kfixednav{position: fixed;top: 0px;left: 0px;width: 100%;z-index: 999;margin-top:0px;}


    /*手机-底部按钮*/
    .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: 200px;
        padding: 5px;
    }
}

@media screen and (max-width: 767px) {
    .copyright_p{display:none;}
}


.live-chat-title, .live-chat-box, .live-chat-icon .live-chat-box span, .live-chat-icon .live-chat-box strong {background-color: #3f51b5;color: #fff;}
.live-chat{position:fixed;top:20%;z-index:99; right:0px;}
.live-chat-title{padding:6px 15px;width:100%;font-weight:700;box-sizing:border-box}
.live-chat i.fa{margin-right:10px;font-size:18px;width:18px;text-align:center;vertical-align:middle}
.live-chat-box{padding:10px 5px;-moz-box-shadow:0 0 3em rgba(0,0,0,.4);-webkit-box-shadow:0 0 3em rgba(0,0,0,.4);box-shadow:0 0 3em rgba(0,0,0,.4)}
.live-chat-box p{padding:2px 0}
.live-chat-box p:hover{background:rgba(0,0,0,.085)}
.live-chat-box a,.live-chat-box a:hover,.live-chat-box a:link,.live-chat-box a:visited{padding:3px 10px;text-decoration:none;display:inline-block;cursor:pointer; color:#FFFFFF;}
.live-chat-icon{text-align:center}
.live-chat-icon i.fa{margin-right:0;width:auto}
.live-chat-icon .live-chat-box{padding:0}
.live-chat-icon .live-chat-box p{border-bottom:1px solid rgb(0 0 0 / 10%);position:relative; padding:0px; margin-bottom:0px;}
.live-chat-icon .live-chat-box p:last-child{border-bottom:0}
.live-chat-icon .live-chat-box a{padding:8px 10px;display:block;}
.live-chat-icon .live-chat-box span,.live-chat-icon .live-chat-box strong{padding:0 15px;height:100%;font-weight:400;white-space:nowrap;position:absolute;top:0;right:-200px;z-index:-1;opacity:0;display:flex;justify-content:center;align-items:center}
.live-chat-icon .live-chat-box i.fa span,.live-chat-icon .live-chat-box i.fa strong{font-size:14px}
.live-chat-icon.prt .live-chat-box span:after,.live-chat-icon.prt .live-chat-box strong:after{content:" ";position:absolute;top:50%;right:-4px;margin-top:-5px;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px}
.live-chat-icon.plt .live-chat-box span:before,.live-chat-icon.plt .live-chat-box strong:before{content:" ";position:absolute;top:50%;left:-4px;margin-top:-5px;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 5px 5px 0}
.message-form-box{max-width:320px;position:fixed;bottom:0;right:10px;z-index:100}
.message-form-box-lt{right:auto;left:10px}
.message-form-box .message-header{height:36px;line-height:36px;font-size:14px;color:#fff;background-color:#3f51b5;cursor:pointer;overflow:hidden;-moz-box-shadow:0 0 1.5em rgba(0,0,0,.3);-webkit-box-shadow:0 0 1.5em rgba(0,0,0,.3);box-shadow:0 0 1.5em rgba(0,0,0,.3)}
.message-form-box .message-header i{width:36px;height:36px;line-height:36px; }
.message-form-box .message-header .label{float:left;padding:0px;}
.message-form-box .message-header .label i{font-size:20px;text-align:center;background:rgba(0,0,0,.12);-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px}
.message-form-box .message-header b{margin:0 12px;font-weight:400}
.message-form-box .message-header .arrow-toggle{float:right;text-align:center;font-size:20px;opacity:.75}
.message-form-box .message-form{padding:15px;background:#fff;display:none;-moz-box-shadow:rgba(0,0,0,.15) 0 0 1.5em;-webkit-box-shadow:rgba(0,0,0,.15) 0 0 1.5em;box-shadow:rgba(0,0,0,.15) 0 0 1.5em}
.message-form-box .message-form p{margin:0 auto 6px}
.message-form-box .wpcf7 p{margin:12px auto 0}
.message-form-box .wpcf7 .wpcf7-captchar,.message-form-box .wpcf7 .wpcf7-select,.message-form-box .wpcf7 .wpcf7-text{width:100%;box-sizing:border-box}
.message-form-box .wpcf7 .wpcf7-textarea{width:100%;box-sizing:border-box}
.message-form-box .wpcf7 .wpcf7-submit{width:100%;box-sizing:border-box;background-color: #3f51b5;color: #fff;}
.message-form-box .wpcf7 span.wpcf7-not-valid-tip{margin:0}
input, textarea, select {padding: 6px;line-height: 20px;border: 1px solid #ddd;box-sizing: border-box;-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}

/***JS翻译***/
.duo_fanyi{ position:relative; float:right;line-height: 35px; margin-left:10px;}
.top_name{ position:relative;}
#duolang{color: #333;}
#duolang img{ height:18px;}
.langlist a{ line-height:2;}
.langlist{ position:absolute;right:0px;overflow:auto;z-index:9999; background:#FFFFFF;border-radius:5px;padding:10px;width:360px;transform:scale3d(1, 1, 1);opacity:1;visibility:visible;transition:all 0.3s ease-in-out;border:1px solid #eee;display:none;}
@media screen and (max-width: 768px) {
.langlist{width:300px;}
}


