﻿
@media (min-width: 992px) {
	
header{ width:100%; height:170px; background:url(../images/head.jpg) no-repeat center;}
header .hleft{ width:20%; background:#efefef;}
#logo { padding:0; margin:0; float:left; width:25%;}
header .top{ width:380px; float:right; height:auto}
header .top .tel{ width:75%; float:left; height:50px; text-align:left; line-height:50px; font-size:16px;}
header .top .tel img{ margin-right:5%; margin-top:-5px;}	


.lau{ width:21%; float:right; }
.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;border:1px solid transparent;white-space:nowrap;padding:4px 12px;color:#8c8c8c;font-size:14px;line-height:1.428571429;border-radius:2px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; margin-top:12px; background:#efefef; float: left;}
.btn .img{ float:left; margin-top:0px; margin-right:8px;}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:9999999;display:none;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:12px;text-align:left;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:2px;box-shadow:0 6px 12px rgba(0,0,0,.175); background:#FFFFFF}
.dropdown-header,.dropdown-menu>li>a{display:block;padding:3px 20px;line-height:1.428571429;white-space:nowrap}
.dropdown-menu>li>a:focus,.dropdown-menu>li>.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#ff0000;text-decoration:none;outline:0;}
.open>.dropdown-menu{display:block}.open>a{outline:0}
.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle; float:right;}

nav{ width:75%; height:auto; float:right; height:120px;}

.nav{height:45px; margin:35px 0 0 5%; float:left; width:85%;}
.nav li{height:45px;text-align:center;width:15%;float:left;position:relative;z-index:999;}
.nav li a{display:block;line-height:45px;color:#000;height:45px;font-size:16px; }
.nav li a:hover{color: #fff; text-decoration: none; background: url(../images/hover.png) no-repeat;}
.nav li a.hover{color: #fff; text-decoration: none; background: url(../images/hover.png) no-repeat;}
.nav li:nth-child(7n){margin-right: 0}


.nav .sec{height:0;background:#000;color:#000;overflow:hidden;z-index:9999;position:absolute;top:65px;left:0px;}
.nav .sec a{background:#fff;color:#000;height:38px;line-height:38px;width:169px;font-size: 14px;}
.nav .sec a:hover{background:#015185;text-decoration:none;}

.top-right{float: left; margin-top:36px;}
.top-right .stock{display: block;color: #989696;line-height: 13px;font-size: 13px;border-right: 1px solid #989696;padding-right:12px;margin-top: 38px; float: left;}
.top-right .stock:hover{color: #02328d;}
.toggle{float: left;height: 13px;padding: 38px 20px 0 0;}
.toggle a{display: block;color: #989696;line-height: 13px;font-size: 13px;padding-left: 12px; float: left;}
.toggle a:hover,.toggle a.language{color: #02328d;}
.share-to{float: left;display: block;width: 36px;height: 36px;background: url("../images/share.png") center no-repeat;margin-top: 26px;display: none;}
.header-search{position: relative;width: 59px;height: 59px;float: left;}
.header-search .on-roll{position: absolute;right: 0;top: 0;width: 59px;height: 59px;background: url("../images/search.png") center 12px no-repeat;transition-duration:300ms;}
.header-search .on-roll:hover{background: url("../images/search.png") center 12px no-repeat;}
.on-close{position: absolute;right: 0;top: 0;width: 59px;height: 59px;background: url("../images/close.png") center 16px no-repeat;display: none;}
.open-search{position: absolute;right: 20px;top: 60px; z-index:99;width: 0;height: 59px;background: #ECECF4;padding:0 0 0 0 ;overflow: hidden;}
.open-search .in-search{height: 59px;line-height: 59px;height: 59px;font-size: 20px;background: transparent;border:0 none;display: block;width: 250px;float: left;margin:0 0 0 24px;}
.open-search .submit-search{float: right;width: 59px;height: 59px;background: url("../images/search.png") center 16px no-repeat;border: 0 none;}







.menu_list{ float: left; width:18%; height:auto;}
.menu_head{width:100%;height:47px;line-height:47px;padding-left:38px;font-size:14px;color:#525252;cursor:pointer;border:1px solid #e1e1e1;position:relative;margin:0px;font-weight:bold;background:#f1f1f1 url(../images/pro_left.png) center right no-repeat;}
.menu_list .current{background:#f1f1f1 url(../images/pro_down.png) center right no-repeat;}
.menu_body{width:100%;height:auto;overflow:hidden;line-height:38px;border-left:1px solid #e1e1e1;backguound:#fff;border-right:1px solid #e1e1e1;}
.menu_body a{display:block;width:100%;height:38px;line-height:38px;padding-left:38px;color:#777777;background:#fff;text-decoration:none;border-bottom:1px solid #e1e1e1;}
.menu_body a:hover{text-decoration:none;}


.set03{ width:100%; background:#ececec; height:730px; padding:0 0 0 10%;}
.set03 .iabout{ width:50%; height:auto; float:left; padding:60px 3% 3% 0; }
.set03 .iabout h1{ font-size:50px; color:#ada9a6; line-height:35px;}
.set03 .iabout h2{ font-size:35px; color:#232323; margin-bottom:16px;}
.set03 .iabout p{ line-height:32px; font-size:14px;}
.set03 .iabout .more{ width:23%; float:left; margin-top:40px;}
.set03 .iabout .more a{ color:#3399ff; padding:16px 26px; border:1px solid #3399ff}

.set03 video{ width:42%; float:right; padding:3% 3% 3% 0; height:730px;}




.news{ width:80%; margin:0 auto; margin-top:30px; margin-bottom:40px;}
.news h2{ font-size:32px; color:#082f63; text-align:center}
.news p{ font-size:14px; margin-bottom:30px; color:#000000; text-align:center}
.news ul{ width:100%; margin:0 auto; height:auto}
.news li{ float:left; width:30%; height:auto; margin-right:5%;}

.news li .pic { overflow:hidden; }
.news li .pic img { transform: scale(1, 1); transition: all 0.2s ease-in-out 0s; width:100%; height:auto}
.news li .pic img:hover { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }

.news li .text{ width:100%; margin-top:8px; height:auto; border-top:none; padding:0;}
.news li .text h3{ font-size:18px; color:#232323; margin-bottom:12px; font-weight:normal;}
.news li .text p{ color:#666666; font-size:14px; margin-bottom:12px; text-align:left;}
.news li .text em{ color:#666666; font-size:12px; font-style:normal;}
.news li .text em span{ float:right;}
.news li .text em span a{}
.news li .text em span a:hover{ color:#3399ff}
.news li:nth-of-type(3n){ margin-right: 0;}

	
footer{ width:100%; height: auto; background:#082f63; padding:40px 0 20px; margin-top:30px;}	
footer .fleft{ width:16%; height:220px; background:url(../images/line.jpg) right 40px no-repeat; float:left;}
footer .fleft img{ margin-top:30px;}
footer .fpro{ width:37%; height:250px; background:url(../images/line.jpg) right 40px no-repeat; float:left;}
footer .fpro h2{ font-size:16px; color:#efefef; margin-left:40px; border-bottom:3px solid #3399ff; text-align:center; width:70px; padding-bottom:8px;}
footer .fpro ul{ margin-top:16px; margin-left:40px; margin-right:40px;}
footer .fpro li{ float:left; width:45%; margin-right:5%; line-height:26px;}
footer .fpro li a{ color:#FFFFFF; font-size:14px;}
footer .fpro li a:hover{ color:#FF0000}
footer li:nth-of-type(2n){ margin-right: 0;}

footer .fab{ width:8%; height:220px; background:url(../images/line.jpg) right 40px no-repeat; float:left; margin-left:40px;}
footer .fab h2{ font-size:16px; color:#efefef; border-bottom:3px solid #3399ff; text-align:center; width:70px; padding-bottom:8px;}
footer .fab ul{ margin-top:16px;}
footer .fab li{ float:left; width:100%; line-height:30px;}
footer .fab li a{ color:#FFFFFF; font-size:14px;}
footer .fab li a:hover{ color:#FF0000}

footer .fcall{ width:32%; height:220px; background:url(../images/fmap.png) no-repeat; float:left; margin-left:40px; padding-left:20px;}
footer .fcall h2{ font-size:16px; color:#efefef; border-bottom:3px solid #3399ff; text-align:center; width:70px; padding-bottom:8px;}
footer .fcall ul{ margin-top:16px; width:50%; float:left;}
footer .fcall li{ float:left; width:100%; line-height:22px; color:#FFFFFF; padding-left:20px;}
footer .fcall li.tel{ background:url(../images/ico2.png) no-repeat 0 6px;}
footer .fcall li.fax{ background:url(../images/ico2.png) no-repeat 0 -12px;}
footer .fcall li.emial{ background:url(../images/ico2.png) no-repeat 0 -32px;}
footer .fcall li.add{ background:url(../images/ico2.png) no-repeat 0 -50px;}
footer .fcall li.web{ background:url(../images/ico2.png) no-repeat 0 -102px;}

footer .fcall .wx{ width:100px; float:right; margin-top:0;}
footer .fcall .wx p{ text-align:center; color:#FFFFFF; line-height:35px;}
footer .fcall .wx img{ width:100px; height:auto}
	
.bottom{ background:#06254e; width:100%; height:40px; line-height:40px; text-align:center; font-size:14px; color:#FFFFFF;}
.bottom a{ color:#FFFFFF; font-size:14px;}	
.bottom a:hover{ color:#ff0000;}	

#nbanner { position:relative; z-index:-1; width:100%;}
#nbanner img{ width:100%; height: auto;}


.xq_crumbs{background:url(../images/position.png) no-repeat left 18px;background-size:auto 12px;line-height:20px; margin-bottom:30px;border-bottom: 1px solid #E0E0E0; font-size:14px; width:98.5%;padding:15px 0 15px 20px;}
.xq_nav{font-size:0;    margin-top: 25px;    width: 100%;    display: table;background:#eeeeee }
.xq_nav a{display:inline-block;height:49px;line-height:49px;padding:0 48px;text-align:center;position:relative;font-size:14px;background:#eeeeee;border-right: 1px solid #FFF;}
.xq_nav a.on{background:#f16601;color:#FFF;}
.xq_nav a.on .san{position:absolute;left:50%;margin-left:-10px;bottom:-10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #f16601;display:block;}

.abtext{ width:100%; float:left; margin-bottom:40px;}
.abtext .sub_title{height:70px;line-height:70px;position:relative;margin:0 0 25px 0;font-size:26px;font-weight:bold;color:#323f48;text-align:center;}
.abtext .sub_title:after{content:'';width:53px;height:3px;background:#f16601;position:absolute;left:50%;margin-left:-26px;bottom:-3px;}
.abtext p{ line-height:30px; font-size:14px;}


.ex_news {clear: both;overflow: hidden;width: 100%; float:left; margin-top:50px;}
.ex_news ul {overflow: hidden;}
.ex_news ul li {clear: both;padding: 25px 0;border-bottom: 1px solid #eee;overflow: hidden;background: #fff;position: relative;height: 195px;margin-bottom: 30px;cursor: pointer;}
.ex_news ul li:last-child {margin-bottom: 0px;}
.ex_news ul li .ex_news_img {float: left;width: 300px;height: 195px;background-image: url(../images/logo.png);background-repeat: no-repeat;background-position: center;overflow: hidden;top: 0;left: 0;}
.ex_news ul li .img_box {width: 300px;height: 195px;background-repeat: no-repeat;background-position: center;overflow: hidden;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;background-size: cover;}
.ex_news ul li .ex_news_info {float: left;width: 600px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;position: absolute;top: 20px;left: 350px;}
.ex_news ul li .ex_news_info a {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;font-size: 18px;display: block;width: 100%;padding-bottom: 15px;color: 666;}
.ex_news ul li .ex_news_info p {height: 50px;line-height: 25px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;overflow: hidden;color: #999;font-size: 13px;}
.ex_news ul li .ex_news_date {float: right;text-align: right;width: 150px;height: 150px;overflow: hidden;position: absolute;top: 25px;right: 25px;}
.ex_news ul li .ex_news_date item {display: block;width: 14px;height: 14px;background: url(../images/r_arrow.png) no-repeat center;position: absolute;bottom: -50px;right: 5px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.ex_news ul li .ex_news_date font {font-size: 22px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;display: block;}
.ex_news ul li:hover a {color: #333;}
.ex_news ul li:hover .ex_news_info {padding-left: 20px;}
.ex_news ul li:hover .ex_news_date font {color: #333;}
.ex_news ul li:hover .ex_news_date item {bottom: 60px}
.ex_news ul li:hover .img_box {transform: scale(1.1, 1.1);}

nav.pagelist { clear: both; text-align: center; margin-bottom:30px; font-size: 1.4rem; padding: 38px 0px 35px 0px; width:100%; height:40px;}
nav.pagelist a { border: #9aafe5 1px solid; margin-right: 5px; padding: 3px 7px; color: #2e6ab1; font-size:14px;}
nav.pagelist a:hover { color: #e06f23; text-decoration: none; }
nav.pagelist span.current { color: #fff; background-color: #2e6ab1; margin-right: 5px; padding: 3px 7px; }
nav.pagelist span.disabled { border: #ccc 1px solid; margin-right: 5px; padding: 3px 7px; color: #3C3C3C; }
nav.pagelist a.selectedd{ color: #f00}

.n_body {overflow:hidden; margin-bottom:10px; float:left; width:100%; margin-top:30px;}
#news_info { min-height:468px; height:auto !important; height:468px; overflow:visible;}
#news_info a { color:#3C3C3C; }
#news_info a:hover { color:#FA4A1F; }
#news_info .article_title { font-size:16px; font-weight:bold; margin:0px; text-align:center; line-height:28px; }
#news_info .atdes { line-height:36px; text-align:center; border-bottom:1px dotted #BCBCBC; padding-bottom:8px;}
#news_info .atdes span{ padding:0px 6px; }
#news_info .news_body { font-size:14px; padding:18px 12px; line-height:28px; text-align:left;}
#news_info .news_body img { border:1px solid #CCC; }
#news_info .news_body p { font-size:14px; margin:0px 0px 6px 0px; }
#news_info .news_body p.pcut span { border:1px solid #B4B4B4; margin-right:2px; padding:2px 4px; font-weight:bold; color:#0473EC; }
#news_info .news_body p.pcut a { border:1px solid #B4B4B4; margin-right:2px; padding:2px 4px; color:#9E9E9E; }
#news_info .news_body p.pcut a:hover { text-decoration:none; color:#0473EC; }
#news_info .news_body a { color:#094B9F; }
#news_info .news_body a:hover { text-decoration:underline; color:#094B9F; }
#updown { font-size:14px; border-top:#BCBCBC 1px dotted; line-height:24px; padding-top:8px; padding-bottom:8px; text-align: center; float:left; width:100%; margin-top:18px;}
.prevnext { clear: both; padding: 16px 17px 5px 17px; text-align: center; height: auto !important; overflow: hidden; border-top:1px dashed #CCC;}
.prevnext .previous { font-size: 14px; width: 50%; float: left; text-align: left; }
.prevnext .next { font-size: 14px; width: 50%; float: right; text-align: right; }

.contact{ width:100%; float:left; margin-top:40px; margin-bottom:40px;}
.contact_feedback{width:100%;background:url(../images/contactfeedbackbg.jpg) no-repeat center top;background-size:cover;padding-bottom:30px;}
.contact_feedback .contact_fcontent{padding-top:1px;}
.contact_feedback .contact_fcontent .c_title{margin-top:30px;color:#fff;margin-top:30px;text-align:center;}
.contact_feedback .contact_fcontent .c_title p{margin-bottom:23px;font-size:24px;position:relative;}
.contact_feedback .contact_fcontent .c_title p:after{content:"";position:absolute;bottom:-9px;left:50%;width:38px;height:1px;margin-left:-19px;background:#FFF;}
.contact_feedback .contact_fcontent .c_title span{display:inline-block;line-height:2.1;font-size:16px;color:#fff;}
.contact_feedback .c_form{margin-top:26px;text-align:center;}
.contact_feedback .c_form1{}
.contact_feedback .c_form1 input{margin:0;width:88%;height:49px;border:1px solid #afafb1;margin-top:22px;padding:0 15px;color:#fff;outline:none;background:none;}
.contact_feedback .c_form1 input:first-child{margin-top:0;}
.contact_feedback .c_form2{}
.contact_feedback .c_form2 textarea{width:100%;height:191px;border:1px solid #afafb1;padding:15px;color:#fff;float:right;background:none;outline:none;resize:none;}
.contact_feedback .btn{background:#f16601;color:#fff;border-radius:5px;padding:0 25px;height:49px;font-size:16px;text-align:center;margin-top:22px;outline:none;width:100%;}
.col-lg-6 {width: 50%; float:left;}

.product_li{ margin-top:40px; width:100%; float:right;}
.product_li li{background:#FFF;margin-bottom:20px;width:23.8%;float:left;margin-left:1.6%;}
.product_li li:nth-child(4n+1){margin-left:0;}
.product_li li .p_img{width:100%;padding-bottom:75%;position:relative;overflow:hidden;border:2px solid #efefef;}
.product_li li .p_img img{object-fit:cover;width:100%;height:100%;position:absolute;left:0;top:0;display:block;transition:1s all;-webkit-transition:1s all;}
.product_li li .p_img img:hover{transform:scale(1.1);}
.product_li li p{margin:0;line-height:43px;color:#666;text-align:center;background:#F1F1F1;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product_li li p a{color:#666;}

/*product_list*/
.product_list{position:relative;}
.product_list li{margin-top:5px;width:25%;float:left;padding:8px;cursor:pointer;}
.product_list li .p_img{width:100%;padding-bottom:75%;position:relative;overflow:hidden;border:2px solid #efefef;}
.product_list li .p_img img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;left:0;top:0;}
.product_list li .p_img .videoicon{background:url(../images/videoicon.png) no-repeat center center rgba(0,0,0,.3);position:absolute;left:0;top:0;background-size:60px auto;display:block;width:100%;height:100%;}
.product_list li p{margin:0;line-height:43px;color:#666;text-align:center;background:#F1F1F1;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product_list li p a{color:#666;}
/*productshow*/
.productshow{}
.productshow .productshow_left{width:71%;float:left;}
.productshow .productshow_left .pro_title{color:#333;font-size:20px;text-align:left;padding:10px 0;margin:0;font-weight:bold;text-align:center;}
.productshow .productshow_left .pro_info{color:#333;font-weight:normal;text-align:center;font-size:12px;padding-bottom:15px;border-bottom:1px solid #CCC;}
.productshow .productshow_left .pro_img{max-width:600px;height:auto;margin:15px auto 25px;}
.productshow .productshow_left .pro_img img{width:100%;height:100%;display:block;}
.productshow .productshow_left .productshow_ul{margin-top:20px;background:#E5E5E5;}
.productshow .productshow_left .productshow_ul li{height:40px;line-height:40px;float:left;padding:0 15px;color:#444;cursor:pointer;}
.productshow .productshow_left .productshow_ul li.hover{background:#f16601;color:#FFF;}
.productshow .productshow_left .pro_txt{font-size:15px;line-height:30px;margin-top:10px;}
.productshow .productshow_left .pro_txt h2{margin:0;font-size:18px;font-weight:bold;margin-top:12px;line-height:30px;}
.productshow .productshow_left .pro_txt h3{margin:0;font-size:16px;font-weight:bold;margin-top:8px;line-height:30px;}
.productshow .productshow_left .pro_txt p{font-size:15px;line-height:30px;margin-top:8px;}
.productshow .productshow_left .pro_txt img{max-width:100%;height:auto;margin:0 auto;display:block;}
.productshow .productshow_left .pro_txt table{border-top:1px solid #000;border-left:1px solid #000;margin:0 auto;width:100%!important;} 
.productshow .productshow_left .pro_txt table td{border-right:1px solid #000;border-bottom:1px solid #000;}
.productshow .productshow_left .pro_txt iframe{width:100%;height:600px;}
.productshow .productshow_left .pro_contact{margin-top:20px;}
.productshow .productshow_left .pro_contact .h1{height:40px;line-height:40px;color:#ff9c00;font-size:18px;font-weight:bold;position:relative;background:#E1E1E1;text-indent:20px;}
.productshow .productshow_left .pro_contact .h1:after{content:'';width:3px;height:20px;background:#d30037;position:absolute;left:5px;top:10px;}
.productshow .productshow_left .pro_contact p{line-height:2;margin:15px 0;font-size:16px;}
.productshow .productshow_left .pro_contact img,.productshow .productshow_left .pro_contact p img{max-width:840px;display:block;margin:0 auto;}
.productshow .productshow_left .pro_form{margin-top:20px;}
.productshow .productshow_left .pro_form p{line-height:2;margin:15px 0;font-size:16px;}
.productshow .productshow_left .pro_form table{border-top:1px solid #CCC;border-left:1px solid #CCC;}
.productshow .productshow_left .pro_form td{border-right:1px solid #CCC;border-bottom:1px solid #CCC;text-align:center;padding:7px 8px;}
.productshow .productshow_left .pro_form th{border-right:1px solid #CCC;border-bottom:1px solid #CCC;text-align:center;padding:7px 8px;font-size:18px;}
/*proinfo*/
.proinfo{padding:20px 0;}
.pi_top{}
.pi_top .pi_top_left{width:36%;float:left;}
.pi_top .pi_top_left .pil_img{width:100%;padding-bottom:75%;position:relative;}
.pi_top .pi_top_left .pil_img img{width:100%;height:100%;position:absolute;left:0;top:0;display:block;object-fit:cover;border:1px solid #DBDBDB;}
.pi_top .pi_top_right{width:60%;float:right;padding-top:15px;}
.pi_top .pi_top_right h1{margin:0;font-size:26px;height:auto;line-height:40px;color:#333;}
.pi_top .pi_top_right em{display:inline-block;color:#777;height:30px;line-height:30px;font-style:normal;}
.pi_top .pi_top_right i{display:block;width:100%;height:1px;background:#DBDBDB;margin:10px 0;}
.pi_top .pi_top_right .pi_jianjie{}
.pi_top .pi_top_right .pi_jianjie p{margin:0;color:#666;line-height:30px;}
.pi_top .pi_top_right .pi_btn{padding-top:20px;text-align:left;font-size:0;-webkit-text-size-adjust:none;}
.pi_top .pi_top_right .pi_btn span{display:inline-block;background:#f16601;height:50px;line-height:50px;color:#FFF;padding:0 15px;font-size:18px;margin-left:20px;border-radius:3px;}
.pi_top .pi_top_right .pi_btn span a{color:#FFF;display:block;width:100%;height:100%;}
.pi_top .pi_top_right .pi_btn span:first-child{margin-left:0;}
.pi_top .pi_top_right .pi_btn span:last-child{background:#ff9c00;}
.pi_center{margin-top:20px; overflow:hidden}
.pi_center .pi_left{width:100%;float:left;}
.pi_nav{font-size:0;-webkit-text-size-adjust:none;background:#DDD;}
.pi_nav span{display:inline-block;height:40px;line-height:40px;color:#FFF;width:120px;font-size:14px;text-align:center;cursor:pointer;background:#f16601;}
.pi_content{padding:20px 0 30px;}
.pi_content .pro_txt{font-size:15px;line-height:30px;}
.pi_content .pro_txt p{font-size:15px;line-height:30px;}
.pi_content .pro_txt h2{margin:0;font-size:20px!important;padding:10px 0;font-weight:bold;line-height:30px!important;}
.pi_content .pro_txt h3{margin:0;font-size:18px!important;margin:8px 0;font-weight:bold;line-height:28px!important;}
.pi_content .pro_txt h4{margin:0;font-size:16px!important;margin:6px 0;font-weight:bold;line-height:26px!important;}
.pi_content .pro_txt img{max-width:100%;height:auto;margin:0 auto;display:block;}
.pi_content .pro_txt table{border-top:1px solid #000;border-left:1px solid #000;margin:0 auto;width:100%!important;}
.pi_content .pro_txt table td{border-right:1px solid #000;border-bottom:1px solid #000;padding:7px 0;}
.pi_content .pro_txt table td p{line-height:1.5!important;font-size:15px!important;}
.pi_content .pro_txt .p_iframe .p_ifr{width:100%;padding-bottom:75%;position:relative;}
.pi_content .pro_txt .p_iframe .p_ifr iframe{width:100%;height:100%;position:absolute;left:0;top:0;display:block;}
.fanye{list-style:none;border-top:1px dashed #cccccc;border-bottom:1px dashed #c2a9a4;padding-top:10px;padding-bottom:10px;margin-top:10px;}

#preview{ float:left; margin:0 auto; text-align:center; width:450px;}
.jqzoom{ width:400px; height:400px; position:relative;}
.jqzoom img{ border:1px solid #CCC;}
.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:400px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(../images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(../images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:365px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(../images/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:372px; margin-right:6px;}
#spec-list div{ margin-top:0; *margin-left:0;}



.recom_list{width: 80%;overflow: hidden;  float:right; margin:2% 0% 0 0% }
.recom_list li{float: left;border: 1px solid #eee;text-align: center;padding: 10px 10px 20px 10px;width:31.3%;margin-left: 0; margin-right:2%;position: relative; margin-bottom:15px; height: auto;}
.recom_list li div{width: 100%;height: auto;overflow: hidden;}
.recom_list li div img{ width:100%; height:auto;}
.recom_list li:hover img{transform: scale(1.03,1.03);}
.recom_list li h3{font-weight: normal;color: #999;line-height:40px; overflow: hidden; height:30px; font-size:14px;}
.recom_list li i{display: block;width: 0;height: 1px;background: #ffac13;left: 0;bottom: 0;position: absolute;z-index: 1;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.recom_list li:nth-of-type(4n-3) i{background: #ffac13;}
.recom_list li:nth-of-type(4n-2) i{background: #83c44e;}
.recom_list li:nth-of-type(4n-1) i{background: #2196f3;}
.recom_list li:nth-of-type(4n) i{background: #e53935;}
.recom_list li:hover i{width: 100%;}
.recom_list li em{display: block;background: #004682;text-align: center;height: 20px;line-height: 20px;color: #fff;position: absolute;left: 0;top: 0;width: 50px;z-index: 1;}
.recom_list li:nth-of-type(3n){ margin-right: 0;}




    
    * {  -webkit-box-sizing: border-box;}
    
    

  /*产品页面修改*/
 .neiright div:nth-child(1){
    width: 30%;
    height: 39px;
    background-color: #0095cf;
    font-family: MicrosoftYaHei-Bold;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 39px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    margin-right: 2px;
 }


 .neiright div:nth-child(2){
    width: 69%;
    height: 39px;
    background-color: #0095cf;
    line-height: 39px;
    font-family: MicrosoftYaHei-Bold;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 39px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    margin-right: 2px;
 }

  .neiright div:nth-child(3){
    width: 65px;
    height: 39px;
    background-color: #2d948a;
    line-height: 39px;
    font-family: MicrosoftYaHei-Bold;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 39px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
  }

  .page-wrap-left{
    margin-right:28px!important;
  }


.xypg-product-list { float:left; width:79%; margin-left:2%;}
    
.xypg-product-list  .title{
    width: 30%;
    height:32px;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 1px;
    color: #232323;
    text-align: left;
    line-height: 32px;
    padding-top: 0;
    padding-left: 20px;
    margin-right: 2px;
}
.xypg-product-list  .extend1{
    width: 69%;
    height: 32px;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 1px;
    color: #232323;
    text-align: left;
    line-height: 32px;
    padding-top: 0;
    padding-left: 20px;
    margin-right: 2px
}
.xypg-product-list  .extend1 img{width:100%;}
.xypg-product-list  .detail{
    width: 65px;
    height: 70px;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 70px;
    letter-spacing: 1px;
    color: #232323;
    text-align: center;
    line-height: 70px; }

.xypg-product-list  .detail a{ color: #232323;}
.xypg-product-list li{ border:none;}
.xypg-product-list p{  margin: 0!important;}
.xypg-product-list  ul{ width: 100%;  overflow: hidden;}
.xypg-product-list  ul li:nth-child(2n+1) .title{ background-color: #f1f1f1;}
.xypg-product-list  ul li:nth-child(2n+1) .extend1{ background-color: #f1f1f1;}
.xypg-product-list  ul li:nth-child(2n+1) .detail{ background-color: #c1fff9;}
.xypg-product-list  ul li:nth-child(2n) .title{ background-color: #fff;}
.xypg-product-list  ul li:nth-child(2n) .extend1{ background-color: #fff;}
.xypg-product-list  ul li:nth-child(2n) .detail{ background-color: #baf4ff;}








/*产品页面修改*/
 .nei div:nth-child(1){
    width: 99.1%;
    height: 39px;
    background-color: #0095cf;
    font-family: MicrosoftYaHei-Bold;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 39px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: left; padding-left:2%;
    font-weight: bold;
    margin-right: 2px;
 }


 .nei div:nth-child(2){
    width: 69%;
    height: 39px;
    background-color: #2d948a;
    line-height: 39px;
    font-family: MicrosoftYaHei-Bold;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 39px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    margin-right: 2px;
 }

  .nei div:nth-child(3){
    width: 65px;
    height: 39px;
    background-color: #2d948a;
    line-height: 39px;
    font-family: MicrosoftYaHei-Bold;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 39px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
  }




.download-list { float:left; width:79%; margin-left:2%;}
    
.download-list  .title{
    width: 30%;
    height:45px;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 1px;
    color: #232323;
    text-align: left;
    line-height: 45px;
    padding-top: 0;
    padding-left: 20px;
    margin-right: 0;
}
.download-list  .extend1{
    width: 69%;
    height: 45px;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 1px;
    color: #232323;
    text-align: left;
    line-height: 45px;
    padding-top: 0;
    padding-left: 20px;
    margin-right: 2px
}


.download-list  .extend1 a{ background:url(../images/download.png) no-repeat right 10px; width:98%; height:36px; display:block; padding:12px 50px;}
.download-list  .extend1 a:hover{background-image:url(../images/down_hover.png); width:98%; height:36px;}




.download-list  .extend1 img{width:100%;}
.download-list  .detail{
    width: 65px;
    height: 70px;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 70px;
    letter-spacing: 1px;
    color: #232323;
    text-align: center;
    line-height: 70px; }

.download-list  .detail a{ color: #232323;}
.download-list li{ border:none;}
.download-list p{  margin: 0!important;}
.download-list  ul{ width: 100%;  overflow: hidden;}
.download-list  ul li:nth-child(2n+1) .title{ background-color: #f1f1f1;}
.download-list  ul li:nth-child(2n+1) .extend1{ background-color: #f1f1f1;}
.download-list  ul li:nth-child(2n+1) .detail{ background-color: #c1fff9;}
.download-list  ul li:nth-child(2n) .title{ background-color: #ffffff;}
.download-list  ul li:nth-child(2n) .extend1{ background-color: #ffffff;}
.download-list  ul li:nth-child(2n) .detail{ background-color: #baf4ff;}


.col-sm-4{float:left;position:relative;width:33.33333333%}
.selected-solution{height:595px;}
.selected-solution>div{position:relative;width:96%;margin:0 auto}
.selected-solution .swiper-container{height:535px;width:92%}
.selected-solution .layer-title{color:#082f63;padding:50px 0 0;text-align:center;font-size:36px;letter-spacing:1.09px}
.selected-solution p{ text-align:center; font-size:14px; margin-bottom:40px;}
/*主体列表*/
.selected-solution .solution-cardlist{max-width:100%;margin:20px auto 0}
.swiper-slide,.swiper-wrapper{height: auto}
.selected-solution .solution-cardlist .col-sm-4{padding:0 10px;top:0;transition:all .15s linear;box-sizing:border-box}
.selected-solution .solution-cardlist .col-sm-4 .solution-card{height: auto;border-radius:6px;text-align:left;overflow:hidden;transition:all .15s linear}
.selected-solution .solution-cardlist .col-sm-4:hover{position:relative;top:-20px;transition:all .25s linear}
.selected-solution .solution-cardlist .col-sm-4:hover .solution-card{height: ;transition:all .2s linear}
.selected-solution .solution-cardlist .col-sm-4 .solution-card img{width:auto;height:auto;transition:all .2s linear}
.selected-solution .solution-cardlist .col-sm-4 .solution-card h3{margin:20px 30px 10px;font-size:18px;color:#252b3a;letter-spacing:.65px;text-align:left}
.selected-solution .solution-cardlist .col-sm-4 .solution-card p{margin:0 30px;padding-bottom:30px;font-size:14px;color:#666a75;letter-spacing:.51px}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl{margin:0 30px;overflow:visible}
.cf:after,.cf:before{content:" ";display:table;line-height:0}
.cf:after{clear:both}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dt{margin-bottom:10px;font-size:14px;color:#252b3a;letter-spacing:.51px;line-height:19px;position:relative}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dt:before{position:absolute;display:inline-block;left:-8px;top:7px;content:'';vertical-align:middle;width:4px;height:4px;border-radius:50%;background:#252b3a}
.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dd{float:left;width:50%;margin-bottom:6px;font-size:12px;color:#a0a2a8;letter-spacing:.44px;line-height:20px}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span{margin:20px 30px 0;font-size:14px;display:inline-block;color:#666a75;letter-spacing:.51px;line-height:22px;opacity:0;transition:opacity .15s linear}
.selected-solution .solution-cardlist .col-sm-4:hover .solution-card>span{opacity:1;transition:opacity .2s linear 50ms}
/*了解更多*/
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a span{display:inline-block;vertical-align:middle}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a span.arrow-f{width:13px;height:13px;background:url(../images/marketplace-selected-arrow0.svg);display:inline-block;vertical-align:middle;margin-left:5px;position:relative;transition:.3s ease-out}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a:hover{color:#e6c16c}
.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a:hover span.arrow-f{transform:translate(4px,0);background:url(/fonts/marketplace-selected-arrow2.svg)}
/*重置swiper*/
.swiper-container-horizontal>.swiper-pagination-bullets.solution-pagination{bottom:15px}
.solution-pagination .swiper-pagination-bullet{width:24px;height:4px;border-radius:100px;overflow:hidden;background:#dfe1f1;border:none;cursor:pointer;content:'';display:inline-block;box-sizing:border-box;opacity:1;vertical-align:middle}
.solution-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#f66f6a;box-sizing:border-box}
.swiper-container-solution .swiper-button-prev{left:0;width:14.5px;height:30px;margin-top:-50px;background-image:url(/fonts/marketplace-home-arrow_big.svg);background-size:cover;transition:background-image .15s}
.swiper-container-solution .swiper-button-next{right:0;width:14.5px;height:30px;margin-top:-50px;background-image:url(/fonts/marketplace-home-arrow_big.svg);transform:rotate(180deg);background-size:cover;transition:background-image .15s}
.swiper-container-solution .swiper-button-next:hover,.swiper-container-solution .swiper-button-prev:hover{background-image:url(/fonts/marketplace-home-arrow_big_hover.svg);transition:background-image .2s}




}










/* 首页banner样式 */

.x-banner .owl-carousel {position: relative;}
.x-banner .owl-carousel .banner-item a { display: block;}
.x-banner .owl-carousel .owl-nav .owl-prev {left: 0;}
.x-banner .owl-carousel .owl-nav .owl-next { right: 0;}

.x-banner .owl-carousel .owl-nav button.owl-prev,
.x-banner .owl-carousel .owl-nav button.owl-next { outline: none; position: absolute; top: 50%;z-index: 9999; background: #424246;height: 65px; width: 50px;margin-top: -32.5px; border-radius: 0; -webkit-transition: all .5s ease;transition: all .5s ease;}
.x-banner .owl-carousel .owl-nav button.owl-prev:hover,
.x-banner .owl-carousel .owl-nav button.owl-next:hover { background: #ab001a;}
.x-banner .owl-carousel .owl-nav .icon-font { display: block; width: 100%; height: 100%;}
.x-banner .owl-carousel .owl-nav .icon-left-arrow:after { background-position: -34px -180px;}
.x-banner .owl-carousel .owl-nav .icon-right-arrow:after {  background-position: -26px -480px;}

@media (max-width: 990px) {
    .x-banner .owl-carousel .owl-nav button.owl-prev,
    .x-banner .owl-carousel .owl-nav button.owl-next { height: 40px;width: 30px;margin-top: -20px;}
    .x-banner .owl-carousel .owl-nav .iconfont {font-size: 20px;}
}

.x-banner .owl-carousel .owl-dots { position: absolute; z-index: 999;left: 0; width: 100%;text-align: center; font-size: 0;bottom: 5%;}
.x-banner .owl-carousel .owl-dots button.owl-dot {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    margin: 0 .5em;
    outline: none;
    background: #fff;
    border-radius: 50%;
    width: 1em;
    height: 1em;
    opacity: .2;
}
.x-banner .owl-carousel .owl-dots button.owl-dot:hover {opacity: .5;}
.x-banner .owl-carousel .owl-dots button.owl-dot.active { opacity: 1;}
.text_center { text-align: center; margin:0px auto;}
.x_page a,.x_page span {
        display: inline-block; 
        font-size: 15px;
        color:#fff;
        width:38px;
        height: 38px;
        line-height: 38px;
        text-align: center;
        margin:0 4px 30px auto;
        background: #ccc;
        border-radius: 6px;
        -moz-border-radius: 6px
        -webkit-border-radius:  6px;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .x_page a:hover,.x_page span.current {
        background: #ff9d00;
        color:#fff;
    }