body{font-size:16px; font-family:Calibri,verdana,Helvetica;color:#000;margin:0;padding:0; }
ul,li,img,p,h1,h2,h3,h4,h5,h6,input{margin:0;padding:0}
img,input{border:0}
ul,li{list-style-type:none}
a{color:#000;text-decoration:none}
a:hover{color:#2c548e;text-decoration:none}
li{list-style:none}
.clear{clear:both}
.zt{width:1200px;margin:0 auto}
.fl{float:left}
.fr{float:right}
.ov{overflow:hidden}
.pre{position:relative}
.abs{ position: absolute;}
.video_content{width:60%; margin: 0 auto;}
.video_index{ width: 100%; /*height: 342px;*/}
.table{width:96%;margin:0 auto; overflow:auto;}
table{width:100%;}
.table p{line-height:26px}
table td{padding:3px 10px}
.sxy{margin:30px 0;border-top:1px #ccc dashed;padding-top:20px}
.sxya{color:#333;line-height:24px}
.sxya a{padding:0 6px}
.fenye{text-align:center;margin-top:30px; }
.fenye span{margin-bottom:10px;display:inline-block}
.fenye_a{padding:5px 10px;color:#898989;border:1px solid #c9caca;margin:0 3px}
.fenye a{display:block;padding:5PX 10px;color:#898989;border:1px solid #c9caca;margin:0 3px}
.fenye a.active,.fenye a:hover{color:#fff;background:#387cdf;border:0;border:1px solid #387cdf}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
.linshi-textarea { -webkit-appearance: none;}
.backtop{ display: none; position: fixed; bottom: 15%; right: 0; z-index: 9999; width: 60px; height: 60px; cursor: pointer; background: url(../images/top.png) no-repeat; text-align: center;}
.backtop a{ color: #fff; font-size: 17px;}
.backtop span{ display: block; text-align: center;}
.md-close.guanbi{ padding: 8px 12px; background: #b50d25; position: absolute; top: -12px; right: 15px;}
.top40{ margin-top: 40px;}
.pre{ position: relative;}

header{ position: relative;}
.top{ position: absolute; top: 0; left: 0; right: 0; background: rgba(255,255,255,.6); z-index: 9999;}
.zttop{ width: 1400px; margin: 0 auto;}
.logo{ margin-top: 20px; width: 20%;}
.logo img{ width: 100%;}
.shequlink{ width: 19%; margin-top: 36px;}
.cart a{ display: inline-block; background: #ffed9a; color: #f00; font-size: 13px; padding: 0 10px; line-height: 30px; border-radius:5px ;}
.cart a i{ color: #333; font-size: 18px; margin-right: 5px;}
.share a{ display: inline-block; width: 28px; height: 28px; line-height: 28px; font-size: 18px; background: #3f4348; color: #88bfec; text-align: center; border-radius:50% ;}
.share a:first-child{ float: left; margin-top: 1px; margin-right: 6px; background: none;}
.resou a{ background: none; width: auto;}

nav{ float: right; width: 54%;  position: relative;line-height: 100px;   }
.caidan{ display: none;font-size:22px; text-align:right; color: #000;}
nav ul li{ float: left; position: relative;}
nav ul li a{   margin-left: 20px; padding: 0 18px; border-bottom: solid 4px transparent ;   display: block; text-transform: uppercase; font-size: 17px; color: #000; position: relative; }
nav ul li i{ display: none;  position: absolute; top: 40%;right: 0; z-index: 999; color: #333;}
nav ul li:hover a ,nav ul li.active A{ color: #333; font-weight: bold;border-bottom: solid 4px #006cb7; }

nav ul li:hover i{ color: #333;}
.xla{ position: absolute; z-index: 9999; display: none; width:160px;  background:rgba(40,85,145,0.8); }
.xla>a{ display: block; font-weight: normal; padding:13px 10px; margin: 0;  text-transform: none; line-height: 20px; font-size: 15px;  color: #fff;}
.xla a:last-child{ border-bottom: none;}
nav ul li:hover .xla a:hover{background: #aacd06; color: #fff; }
nav ul li:hover .xla{ display: block;}
nav ul li:hover .xla a{ color: #fff; border-bottom: 1px dashed #8888ea;} 
nav ul li:hover .xla a:last-child{ border-bottom: none;}

.owl-carousel{ position: relative; width: 95%; margin: 0 auto; margin-top: 0px;}
.owl-carousel .owl-wrapper-outer{ overflow: hidden;  position: relative;  width: 100%;}
.owl-buttons{ position: absolute; z-index: 9999; top: 40%; width: 100%; }
.pro_list .owl-theme .owl-controls{ margin:0px;}
.owl-controls .owl-prev{ cursor: pointer; width:39px; height: 39px; background: url(../images/zuo1.png) no-repeat; text-indent: 9999px; position: absolute;  left: -50px;}
.owl-controls .owl-next{cursor: pointer; width: 39px; height: 39px; background: url(../images/you1.png) no-repeat; text-indent: 9999px; position: absolute; right: -50px;}
#owl-demo1  .owl-controls .owl-prev{ margin-right:10px;}
#owl-demo1  .owl-controls .owl-next{ margin-left:10px;}
.owl-carousel .owl-wrapper{	display: none;	position: relative;	-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-item{float: left;}

.item{margin:0px ;  position: relative;  overflow: hidden; 
-ms-transition:0.5s all; -moz-transition:0.5s all;-webkit-transition:0.5s all;
}
.item a{ display:block; font-size: 0;}
.item img{width:100%;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-ms-transition: all 0.8s;}
.item .cptimg{position: relative; overflow: hidden; border: 1px solid #7d7d7d;    }
.item:hover .cptimg{border: 1px solid transparent;}
.item:hover img{ transform: scale(1.05);}
.item span{ font-size: 14px; display: block;  line-height: 22px; height: 44px; overflow: hidden;}
.fencont{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; opacity: 0;}
.fencont h3{ font-size: 28px; color: #fff; text-align: center; margin-top: 40%;}
.fencont span{ display: block; width: 40px; height: 40px; margin: 0 auto; margin-top: 10%; font-size: 26px; line-height: 40px; border: 2px solid #fff; text-align: center; color: #fff;}
.fencont:after{ content: ''; display: block; position: absolute; top: 15px; right: 15px; bottom: 15px; left: 15px;
background-image: -webkit-linear-gradient(top,#387cdf,#27c1e1); background-image: linear-gradient(top,#387cdf,#27c1e1); opacity: 0.8; z-index: -1;}
.fencont:before{content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 999;border: 4px solid transparent; }
.item:hover .fencont{ opacity: 1;}
.item:hover .fencont:before{border-image: linear-gradient(135deg,#21d7e2,#2267bd)1 10 1;}
.cpleibj{ background: url(../images/cpbj.jpg) 50% 0 no-repeat; padding: 90px 0;}
.fenleiname{ width: 25%;}
.fencptu{ width: 75%;}

.fenleiname{ text-transform: uppercase; }
.fenleiname span{ display: block;  color: #aaa;font-size: 14px; margin-top: 50px;}
.fenleiname h2{ color: #3f4348; font-family: Futurist; font-size: 40px; line-height: 46px; margin-top: 20px; margin-bottom: 50px; }
.fenleiname h2:after{ content: ''; display: block; width: 200px; height: 6px; margin-top: 20px;
background-image: -webkit-linear-gradient(left,#387cdf,#27c1e1); background-image: linear-gradient(left,#387cdf,#27c1e1);}
.fenmore a{ display: inline-block; background: #333; color: #fff; line-height: 36px; padding: 0 20px;}

.aboutbj{ background: url(../images/abbj.jpg) 50% 0 no-repeat;}
.aboutjie{ width: 35%; color: #fff; padding-top: 150px;text-align: right;}
.aboutjie h2{ font-size: 55px;font-family: Futurist;text-transform: uppercase; }
.aboutjie h2:after{ content: ''; display: block; width: 200px; border-bottom: 1px solid #fff; float: right; margin-top: 10px;}
.abcont{font-size: 16px; line-height: 24px; margin-top: 30px;}
.aboutmore a{ display: inline-block; border: 1px solid #fff; line-height: 36px; padding: 0 30px; color: #fff; margin-top: 50px; }
.abtupic{ width: 58%; background: #fff;}
.abtupic ul{ display: flex; flex-wrap: wrap; }
.abtupic ul li{ width: 46%; margin: 0% 0 2.7% 2.7%;}
.abtupic ul li:nth-child(5),.abtupic ul li:nth-child(6){ margin-bottom: 0;}
.abtupic ul li img{ width: 100%;}
.abtupic ul li a{ position: relative; font-size: 0; display: block;}
.ablink{ position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; text-align: center;
background-image: -webkit-linear-gradient(left,#387cdf,#27c1e1); background-image: linear-gradient(left,#387cdf,#27c1e1); opacity: 0.9; padding-top: 20%;
transform: scale(0); -webkit-transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;}
.abtupic ul li .ablink img{ width: 70px;}

.abtupic ul li:hover .ablink{ transform: scale(1);}

.newsbj{ background: url(../images/newsbj.jpg) 50% 0 no-repeat; padding: 60px 0;}
.cptith{ padding-left: 40px; margin-bottom: 50px;}
.cptith:before{ content: ''; display: block; position: absolute; left: 0; top: 7px; z-index: 10; width: 30px; height: 50px;
background-image: -webkit-linear-gradient(bottom,#387cdf,#27c1e1); background-image: linear-gradient(bottom,#387cdf,#27c1e1);}
.cptith h2{ text-transform: uppercase; font-size: 30px;font-family: Futurist;}
.cptith span{ color: #aaa; display: block;}
#owl1cp.owl-carousel{ width: 100%;}
#owl1cp .item{ margin: 10px; padding: 10px 10px 0 10px; background: #fff; border: 1px solid #aaa;}
#owl1cp .owl-controls .owl-prev{ cursor: pointer; width:39px; height: 39px; background: url(../images/marketplace-home-arrow_big.svg) no-repeat; text-indent: 9999px; position: absolute;  left: -30px;}
#owl1cp .owl-controls .owl-next{cursor: pointer; width: 39px; height: 39px; background: url(../images/marketplace-home-arrow_big.svg) no-repeat;transform: rotate(180deg); text-indent: 9999px; position: absolute; right: -30px;}
#owl1cp .owl-controls .owl-prev:hover,#owl1cp .owl-controls .owl-next:hover{background: url(../images/marketplace-home-arrow_big_hover.svg) no-repeat;}
.fencont2 h3{ font-size: 20px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 6px 0;}
.cpmiao{ font-size: 14px; line-height: 22px; color: #666;}
.fencont2 img{ width: 0; height: 14px;}
#owl1cp .item span{ display: block; height: auto; text-align: center; margin-top: 5px;}
#owl1cp .item:hover .fencont2 img{ width: 57px;}
#owl1cp .item:hover{border: 2px solid ; border-image: linear-gradient(135deg,#21d7e2,#2267bd)1 10 1; }

.newtit{ text-align: center; margin-top: 60px;}
.newtit:before{ content: ''; display: block; width: 150px; height: 3px; margin: 0 auto; margin-bottom: 15px;
background-image: -webkit-linear-gradient(left,#387cdf,#27c1e1); background-image: linear-gradient(left,#387cdf,#27c1e1);}
.newtit i{ display: block; margin-top: 20px; font-size: 20px; color: #666;}
.newtit h2{ font-size: 30px;font-family: Futurist;}
.newsul{ display: flex; flex-wrap: wrap; margin-top: 40px;}
.newsul li{ width: 48%; margin: 0.5%; background: #eee; overflow: hidden;}
.newsul li a{ display: block;}
.newdate{ width: 20%; padding: 2% 0; text-align: center; color: #fff; background-image: -webkit-linear-gradient(left,#387cdf,#27c1e1); background-image: linear-gradient(left,#387cdf,#27c1e1);}
.newdate span{ display: block; font-size: 60px;}
.newdesc{ width: 78%; padding: 2% 0;}
.newdesc h3{ margin-bottom: 10px; font-size: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.newsci{ color: #666; line-height: 22px;}

footer{ background: url(../images/footbj.jpg) 50% 0 no-repeat; background-size:cover ; padding-top: 60px; color: #fff;}
.footzuo{ width: 60%;}
.focp{ border-bottom: 1px solid #fff; padding-bottom: 15px;}
.focp a{ display: inline-block; color: #fff; padding-right: 15px; font-size: 18px;}
.focp a:before{ content: ''; display: inline-block; width: 10px; height: 10px; background: #fff; border-radius:50% ; margin-right: 5px;}
.focont{ margin-top: 40px;}
.focont ul{ display: flex; flex-wrap: wrap;}
.focont ul li{ width: 48%; margin-right: 2%; margin-bottom: 30px;}
.contwen{ width: 70%;}
.contwen span{ display: block; font-size: 18px; margin-bottom: 6px; }
.contwen span a{ color: #fff;}
.abwhyimg{ display: table; width: 80px; height: 80px; border: 1px solid #fff; text-align: center; border-radius:50% ; font-size: 0;}
.abwhyimg span{ display: table-cell; vertical-align: middle; height: 80px; font-size: 0;}

.footmes{ width: 36%;}
.foname{ color: #fff; width: 45%; padding-left: 1%; border: 1px solid #fff; margin-left: 3%; height: 40px; background: none; margin-bottom: 3%;}
.longt{color: #fff; margin-left: 3% ;padding-left: 1%; border: 1px solid #fff; width: 94%; height: 100px; background: none;}
.tijiao{ margin-left: 3%; width: 96%; margin-top: 10px; background: #3390e0; color: #fff;  font-size: 20px; height: 40px; line-height: 40px; text-align: center;}
.longt::-webkit-input-placeholder,.foname::-webkit-input-placeholder{ color: #fff;}

.quicknav{ background: rgba(0,0,0,.4); color: #6695cf; padding: 15px 0; margin-top: 30px; line-height: 28px;}
.quicknav a{ color: #6695cf;}
.navqui a{ text-transform: uppercase; padding: 0 10px;}
.dibuq { margin-left: 10px;}
.dibuq a{ display: inline-block; width: 28px; height: 28px; line-height: 28px; text-align: center; border-radius:50% ; background: #6695cf; color: #000;}

.neiyetu{ font-size: 0;}
.neiyetu img{ width: 100%;}
.mbx{ padding: 15px 0;}
.about-us{ margin-bottom: 60px;}
.about-us h1{ margin-top: 40px; text-align: center; font-size: 30px; margin-bottom: 20px;}
.about-us p{ line-height: 30px; font-size:18px; margin-bottom: 15px;}

.cnmes{ width: 40%; border:1px solid #c7c7c7; padding: 30px 3%;}
.cnmes h2,.cnform h2{ font-size: 25px; color: #aaa;}
.cnmes ul{ margin-top: 20px;}
.cnmes ul li{ padding: 10px 0;}
.cnmes ul li span{ font-size: 22px;margin-right: 5px; color: #f18a10;}
.cnform{width: 40%; border:1px solid #c7c7c7; padding: 30px 3%;}
.cnmes ul li:nth-child(4) span,.cnmes ul li:nth-child(3) span{ font-size: 33px;}
.foe2{width:100%;margin:0 auto;margin-top:20px;}
.tex21,.aatex21{width:98%;border:none; background:#eee; height:36px;margin-bottom:10px;font-size:14PX;padding-left:2%;outline:0}
.aatex21{height:70px;font-family:Arial;font-size:14PX;outline:0;background:#eee;}
.but121{width:240px;background-image: -webkit-linear-gradient(75deg,#0a52bc,#1f1f97);
    background-image: linear-gradient(75deg,#0a52bc,#1f1f97);height:40px;line-height:40px;color:#fff;cursor:pointer;font-size:14px;display:block;margin:0 auto;margin-top:15px;outline:0}
.but121:hover{background:#454545}

.faul{ display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 20px; margin-top: 30px;}
.faul li{ background: #eee; line-height: 40px; margin: 0 0.5%;}
.faul li a{ display: block; padding: 0 30px;}
.faul li.active,.faul li:hover{ background: #3390e0;}
.faul li.active a,.faul li:hover a{ color: #fff; font-weight: bold;}

.main{ display: flex; flex-wrap: wrap;}
.main li{ width: calc(32% - 2px); border: 1px solid #ccc; margin: 0.5%; line-height: 22px;}
.main li img{ width: 100%;}
.main li span{ display: block; text-align: center; padding: 10px;}

.newslist{ margin-top: 30px;}
.newslist li{ overflow: hidden; margin-bottom: 30px;}
.newslist a{ display: block;}
.newimg{ width: 19%; font-size:0px;}
.newimg img{ width: 100%; display: block;}
.newconl{ width: 63%; padding-right: 2%; margin-left: 3%; position: relative;}
.newconl:after{ content: ''; border-right:1px solid #aaa ; position: absolute; right: 0; top: 0; height: 200px; }
.newconl h2{ line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 20px; margin-bottom: 15px;}
.newspan{ display: block; line-height: 26px; max-height: 85px; overflow: hidden;}
.newdate2{ width: 8%; padding-right: 2%; text-align: center; padding-top: 20px; font-size: 18px;}
.newdate2 span{ display: block; font-size: 35px; }
.morenew{ font-size: 14px; background-image: -webkit-linear-gradient(75deg,#387cdf,#27c1e1);
    background-image: linear-gradient(75deg,#387cdf,#27c1e1); padding: 10px; margin-top: 10px; color: #fff; line-height: 18px;}
.newslist li:hover{ background: #eeeeee;}
.newslist{ margin-bottom: 80px;}

.cpullist{ display: flex; flex-wrap: wrap;}
.cpullist li{ width: 31%; margin: 1%;}
.cpullist li img{ width: 100%;}
.cpullist li h2{ font-size: 18px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 6px;}

.htcp{ margin-bottom: 40px; margin-top: 50px;}
.htcp h2{ text-align: center; margin-bottom: 20px; font-size: 30px;}
.cpleib{ width: 23%; margin-top: 30px;}
.cpdetai{ width: 75%;}
.cptit3{ background:#3c3c3c;text-align:center;line-height:70px;font-size:26px;border-bottom:0; color: #fff; font-family: impact; text-transform: uppercase;}
.menu_list{background:#377fdf}
.menu_head{display:block;padding:20px 0 20px 20px;text-decoration:none;color:#fff;border-bottom:1px solid #fff; position: relative;}
.menu_head a{color:#fff; display: block;}
.menu_head em{position: absolute; top: 40%; right: 10px;}
.menu_list .menu_body{/*display:none;*/color:#666;background:#fff;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5}
.menu_body li{border-bottom:1px solid #e5e5e5;padding:15px 0 15px 20px;color:#484a55}
.menu_body li a{color:#484a55;padding-left:0px;}
.menu_body li:hover a{text-decoration:underline}

.cptut{ margin-top: 30px; width: 48%;}
.cpmiaoshu{ width: 49%; margin-top: 40px;}
.cpmiaoshu h1{ font-size: 24px; text-align: left; margin: 0;}
.cpmiaoshu span{ line-height: 24px; display: block; margin-top: 20px;text-align: justify;}
.cpshequ{ margin-top: 30px;}
.cpshequ a{ display: inline-block; padding: 0 15px; color: #fff; background: #375595; line-height: 30px; border-radius:4px ;}
.cpshequ a:nth-child(1){ background: #375595;}
.cpshequ a:nth-child(2){ background: #33506c;}
.cpshequ a:nth-child(3){ background: #1a7ed1;}
.cpshequ a:nth-child(4){ background: #ca2127;}

.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle; width:100%}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin:10px 0 0;overflow:hidden; display: flex; flex-wrap: wrap;justify-content: center;}
.tb-thumb li{margin:0 3px;overflow:hidden;padding:1px; border: 1px solid #ccc; font-size: 0;}
.tb-s310, .tb-s310 img,.tb-s40 img{width:100%;}
.tb-s40 a{*font-size:35px;}
.tb-s40, .tb-s40 a{width:58px;height:53px;}
.tb-booth{border:1px solid #ccc;position:relative;z-index:1;}
.tb-thumb .tb-selected{ border: 1px solid #5a7f04;}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
div.zoomDiv{z-index:999; font-size:0;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url(../images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}
.lineh{ line-height:64px; margin-right:18px}
.tb-pic a:nth-child(2),.tb-pic a:nth-child(3),.tb-pic a:nth-child(4),.tb-pic a:nth-child(5),.tb-pic a:nth-child(6){ display: none;}
.box img{ width: 100%;}
.cpdeta{ margin-top: 35px; text-align: justify;}
.cpdeta h2{line-height: 36px; font-size: 16px; color: #bd2d2d; display: inline-block;margin-top: 0px;}
.cpdeta p{ margin-bottom: 10px; line-height: 24px;}

.tabqie{ display: flex; flex-wrap: wrap; margin-bottom: 15px; }
.tabqie li{ padding: 12px 20px; background: #eee; margin-right: 5px; font-weight: bold; color: #444;}
.tabqie li.on{ background: #21d7e2; color: #fff;}


.foe2{width:80%;margin:0 auto;margin-top:20px;margin-bottom:30px}
.tex21,.aatex21{width:98%;border:1px solid #c8c8c8;height:30px;margin-bottom:10px;font-size:14PX;padding-left:2%;outline:0}
.aatex21{height:90px;font-family:Arial;font-size:14PX;outline:0}
.but121{width:130px;background:#ffd814;height:36px;line-height:36px;cursor:pointer;font-size:16px;display:block;margin:0 auto;margin-top:15px;outline:0}
.but121:hover{background:#454545; color: #FFF;}

.cpform{ padding: 30px 0; background: #F0F0F0; margin-top: 10px;}
.cpform h2{ font-size: 32px; letter-spacing: 1PX; font-family: impact; font-weight: normal; text-align: center; margin-bottom: 15px;
background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    background-image: linear-gradient(to right,#387cdf,#27c1e1);
    background-image: -webkit-linear-gradient(to right,#387cdf,#27c1e1);}
.cptexin{ display: block; width: calc(86% - 10px); margin: 0 auto; height: 36px; line-height: 36px; border: 1px solid #eee; margin-bottom: 10px; padding-left: 10px;}
.cplontex{display: block; width: calc(86% - 10px); margin: 0 auto; height: 90px; border: 1px solid #eee; margin-bottom: 10px; padding-left: 10px; font-family: calibri; font-size: 16px;}
.cpbtn{ display: block; width: 50%; margin: 0 auto; text-align: center; height: 38px; line-height: 38px; background: #387cdf; color: #fff; cursor: pointer;}

#newtab1 p img{ width: 24%; margin: 0 0.5%;}
#newtab3 p img{ width: 23%; margin: 0 1%;}
#newtab1 p.details img{width: 48%; margin: 0 1%;}

@media only screen and (max-width:768px ) {
	.zt,.zttop{ width: 100%;}
	.top{ position: relative;}
	img{ width: 100%;}
	nav{ clear: both; float: none; width: 100%; background: #387cdf; line-height: 50px;}
	.shequlink{ width: 36%; margin-top: 20px;}
	nav ul li:hover .xla{ display: none;}
	nav ul li a{ color: #fff;}
	nav ul li:hover a ,nav ul li.active A{ color: #fff; font-weight: bold;border-bottom: solid 4px #27c1e1; }
	.cpleibj{ padding: 30px 0;}
	.fenleiname{ width: 23%; margin: 0 1%;}
	.fenleiname h2{ font-size: 30px; line-height: 30px; margin-bottom: 20px;}
	.fenleiname span{ margin-top: 0;}
	.fenleiname h2:after{ width: 100px;}
	.aboutjie{ margin-right: 2%; padding-top: 20px;}
	.aboutjie h2{ font-size: 30px;}
	.abcont{ height: 240px; overflow: hidden;}
	.newsul{ justify-content: center;}
	.abwhyimg img{ width: 40px;}
	.focont ul li{ width: 98%; margin-bottom: 15px;}
	.navqui{ float: none; width: 100%; text-align: center;}
	.foshe{ float: none; text-align: center; }
	.dibuq{ float: none; margin-top: 10px;}
	.foshe span{ float: none; margin-top: 10px;}
	.padd{ padding: 0 10px;}
	.newconl h2{ margin-top: 0;}
	.newdate2{ padding-top: 0;}
	.cptut{float: none; width: 78%; margin: 0 AUTO;}
	.cpmiaoshu{ float: none; width: 98%; margin: 0 AUTO; margin-top: 20px;}
	div.zoomDiv{display:none;}
div.zoomMask{display: none;}
}
@media only screen and (max-width:480px ) {
	.logo{ width: 40%; margin-top: 10px;}
	.cart{ width: 30px; height: 30px; border-radius:50% ; overflow: hidden; padding: 0;}
	.cart a{ padding: 0; text-align: center;}
	.shequlink{ width: 52%; margin-top: 15px; margin-bottom: 15px;}
	.caidan{display: block;   text-align: right; color: #fff; padding-right: 10px;}
	nav ul li{ float: none; width: 100%; text-align: center; margin-left: 0;}
	nav ul li a{ margin-left: 0;}
	nav ul li i{ color: #fff; top: 12px; right: 10px;}
	.xla{ position: relative; width: 100%;}
	nav ul li:hover i{ color: #fff;}
	nav ul{ display: none;}
	nav ul li{  line-height: 50px; text-align: center;}
	nav ul li:hover .xla{ display: none;}
	.fenleiname{ float: none; width: 98%; }
	.fencptu{ width: 100%; float: none; margin-top: 20px;}
	.item{ margin: 0 5px;}
	.aboutjie{ float: none; width: 96%; text-align: left; margin: 0 2%;}
	.aboutmore a{ margin-top: 20px;}
	.abcont{ height: auto;}
	.abtupic{ float: none; width: 100%; margin-top: 20px;}
	.newsbj{ padding: 30px 0;}
	.cptith{ margin-bottom: 30px;}
	.cptith h2{ font-size: 20px;}
	#owl1cp .item{ margin: 5px;}
	.newtit,.newsul{ margin-top: 30px;}
	.newsul li{ width: 98%; margin: 1%;}
	.newsci{ max-height: 45px; overflow: hidden;}
	.footzuo,.footmes{ float: none; width: 96%; margin: 0 2%;}
	.footmes{ margin-top: 30px;}
	.cnmes,.cnform{ float: none; width: calc(94% - 2px); margin-bottom: 20px;}
    .main li{ width: calc(49% - 2px);}
    .faul li{ margin-bottom: 10px;}
    .newimg{ float: none; width: 100%;}
.newconl{ float: none; width: 100%; margin: 0 auto; padding: 0; margin-top: 10px;}
.newconl:after{ display: none;}
.newdate2{ float: none; width: 100%; padding: 0;}
.newdate2 span{ display: inline-block; margin-right: 15px;}
.cpullist li{ width: 48%;}
.cpleib{float: none; width: 100%; margin: 0 auto;}
.cpdetai{float: none; width: 100%;}
div.zoomDiv{display:none;}
div.zoomMask{display: none;}
.cptut,.cpmiaoshu{ float: none; width: 98%; margin: 0 AUTO;}
.cpmiaoshu{ margin-top: 20px;}
.cpjidsf{ float: none; width: 96%; margin: 0 AUTO; margin-top: 20px;}
.cpxiang{ padding: 0 10px;}
.cpxiang img{ width: 100%;}
.tabqie li{ padding: 12px;}
#newtab1 p img{ width: 100%; margin: 0}
#newtab3 p img,#newtab1 p.details img{ width: 100%; margin: 0}

}
@media only screen and (min-width:769px ) and (max-width:1199px ) {
	.zt,.zttop{ width: 100%;}
	.top{ position: relative;}
	img{ width: 100%;}
	nav{ clear: both; float: none; width: 100%; background: #387cdf; line-height: 50px;}
	.shequlink{ width: 28%; margin-top: 20px;}
	nav ul li:hover .xla{ display: none;}
	nav ul li a{ color: #fff;}
	nav ul li:hover a ,nav ul li.active A{ color: #fff; font-weight: bold;border-bottom: solid 4px #27c1e1; }
	.cpleibj{ padding: 30px 0;}
	.fenleiname{ width: 23%; margin: 0 1%;}
	.fenleiname h2{ font-size: 30px; line-height: 30px; margin-bottom: 20px;}
	.fenleiname span{ margin-top: 20px;}
	.fenleiname h2:after{ width: 100px;}
	.aboutjie{ margin-right: 2%; padding-top: 20px;}
	.aboutjie h2{ font-size: 40px;}
	.abcont{ height: 300px; overflow: hidden;}
	.newsul{ justify-content: center;}
	.abwhyimg img{ width: 40px;}
	.focont ul li{ width: 98%; margin-bottom: 15px;}
	.navqui{ float: none; width: 100%; text-align: center;}
	.foshe{ float: none; text-align: center; }
	.dibuq{ float: none; margin-top: 10px;}
	.foshe span{ float: none; margin-top: 10px;}
	.padd{ padding: 0 10px;}
}