@charset "GB2312";
/* layout */
html {
  height: 100%;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
  margin: 0;
  padding: 0;
}
html,
body,
img,
iframe,
abbr {
  border: 0;
}
li {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
b {
  font-weight: normal;
  display: block;
}
a,
a:hover {
  text-decoration: none;
}
a {
  color: #000;
}
a:hover {
  color: #999;
}
.clr {
  clear: both;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix {
  *zoom: 1;
}
body,
textarea,
input,
button,
select {
  font: 14px "Microsoft YaHei", "PingFang SC",Arial, sans-serif;
  color: #000;
  -webkit-text-size-adjust: none;    -webkit-font-smoothing: antialiased;
}

body{ background:url(../jpg/abg_01.jpg) no-repeat top center #fafafa;}
.contact { background:url(../jpg/conbg_01.jpg) no-repeat top center #fafafa;}
.qudao { background:url("../jpg/qdbg_01.jpg") no-repeat top center #fafafa; background-size: 140%;}
.hezuo { background:url("../jpg/gybg_01.jpg") no-repeat top center #fafafa; background-size: 140%;}


.basic{background: #000;height: 100%;display: none;position: fixed;z-index: 1;width: 100%;}


.noshow {display: none;}
.showss {position:fixed; bottom: 0; background: url(../jpg/11ba.jpg) center center; display:block; 
	background-size: 250%;
    display: block;
    width: 100%;
			height: 56px;}
.disno .clo {position:fixed; bottom: 40px; right: 20px; color: #000; background: #fff; padding: 2px 4px 0px 4px; font-size: 18px; font-weight: bold; z-index: 999; cursor: pointer}
.loader {
    position: fixed;
    left: 47%;
    top: 50%;
    margin: -0.2em 0 0 -0.2em;
    text-indent: -9999em;
    border-top: 0.3em solid rgba(0, 0, 0, 0.1);
    border-right: 0.3em solid rgba(0, 0, 0, 0.1);
    border-bottom: 0.3em solid rgba(0, 0, 0, 0.1);
    border-left: 0.3em solid #555;
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -moz-animation: loader 300ms infinite linear;
    -webkit-animation: loader 300ms infinite linear;
    animation: loader 300ms infinite linear;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.loader,
.loader:after {
    border-radius: 50%;
    width: 2em;
    height: 2em;
}

.curtain {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: white;
    -moz-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    z-index: -1;
    overflow: hidden;
}

@-webkit-keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes loader {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.is-loading {
    overflow: hidden;
}

.is-loading .curtain {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    z-index: 99;
}

.is-loading .loader {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.solid {
  height: 65px;
  width: 100%;
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 100;
  background-color: #fff;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-bottom: 1px solid #eee;
}
.solid h1 {
  position: absolute;
  left: 18px;
  top: 52%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.solid h1 img {
  width: 142px;
}

.solid .nav-btn {
  width: 30px;
  height: 25px;
  margin: 0 0 0 15px;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.solid .nav-btn .bar {
  position: relative;
  display: block;
  width: 28px;
  height: 3px;
  margin: 7px auto;
  background-color: #000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.header-wrap .nav-btn {
  width: 30px;
  height: 25px;
  margin: 0 0 0 15px;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.solid .nav-btn .bar {
  position: relative;
  display: block;
  width: 28px;
  height: 3px;
  margin: 7px auto;
  background-color: #000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.solid .nav-btn span:nth-child(1) {
  margin-top: 0;
}
.solid .nav-btn span:nth-child(3) {
  margin-bottom: 0;
}
.solid .nav-btn.cur .bar:nth-of-type(1) {
  -webkit-transform: translateY(9.5px) rotate(-45deg);
  -ms-transform: translateY(9.5px) rotate(-45deg);
  transform: translateY(9.5px) rotate(-45deg);
}
.solid .nav-btn.cur .bar:nth-of-type(2) {
  opacity: 0;
}
.solid .nav-btn.cur .bar:nth-of-type(3) {
  -webkit-transform: translateY(-10.5px) rotate(45deg);
  -ms-transform: translateY(-10.5px) rotate(45deg);
  transform: translateY(-10.5px) rotate(45deg);
}

.shopcart {
  margin: 12px 56px 17px 0px;
  z-index: 101;
  position: fixed;
  right: 0;
}
.shopcart ul {
  width: 100%;
  left: 0;
  top: 66px;
  z-index: 92;
  display: none;
  position: fixed;
  text-align: center;
}
.shopcart li {
  height: 55px;
  line-height: 55px;
  border-bottom: 1px solid #e6e6e6;
  font-size: 16px;
  background-color: #fff;
}
.shopcart li a {
  display: block;
  padding: 0 20px;
}
.shopcart-icon img {
	width:31px;
}

.fedcon {
  margin: 16px 56px 17px 0px;
  z-index: 101;
  position: fixed;
  right: 48px;
}


.reset img {width: 16px;margin: 9px 0 0 0;}
.reset:hover img {filter: drop-shadow(#fff 8800px 0);}

	.fedcon-icon {width:28px; height:28px; border:2px solid #000; border-radius:46px; position:relative; background:none; display:block; text-indent:-9999px;}
	.fedcon-icon:before {content:""; display:block;transform: rotate(60deg); position:absolute; height:2px; width:15px; background:#000; top:14px;border-radius:5px; left:3px;}
	.fedcon-icon:after {content:""; display:block;transform: rotate(-60deg); position:absolute; height:2px; width:15px; background:#000; top:14px;border-radius:5px; right:3px;}

.commonweb {
  background: #fff;
}
.commonweb nav {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 51;
  display: none;
	height: 100%;
	background:#fff;
	overflow-y:scroll;
}
.commonweb nav ul { padding:65px 0 0 0;}

.commonweb nav li {
  border-bottom: 1px solid #e6e6e6;  background-color: #fff;

}
.commonweb nav li .nav-thumb {
  display: none;
  background-color: #fff;
  padding-bottom: 4em;
}
.commonweb nav li .nav-thumb .nav-thumb-img {
  display: block;
  position: relative;
  z-index: 1;
}
.commonweb nav li .nav-thumb img {
  max-width: 56%;
  max-height: 100%;
  margin: 0 auto;
  transition: transform 0.6s;
}
.commonweb nav li .nav-thumb .nav-thumb-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.commonweb nav li > a {
  display: block;
  padding-left: 20px;
  font-size: 1.2em;
}
.commonweb .cone {
  padding: 18px;
  background: #fff;
}

.commonweb nav li .nav-thumb img:hover,
.commonweb nav li .nav-thumb img:active {
  transform: scale3d(1.1, 1.1, 1);
}
.nav-subnav a {
  display: block;
  padding: 6px 0 6px 2em;
}

.col-xs-6 {
	width: 49.5%;
	display: inline-block;
	padding:10px 0 10px 0;
	text-align: center;
}

.mnav { display:none;}

footer {
  background: #fff;
  padding: 8px 48px 48px 48px;
}

.footer-bot .footer-nav ul li {padding: 18px; border-bottom: 1px solid #eee;}
.footer-bot .footer-nav  a{ font-size:1.2em; width:100%; display: block; }
.footer-bot .footer-nav  a i { font-style: normal; float: right;}
.footer-bot .footer-nav .footer-subnav { display: none;}
.footer-bot .footer-nav .footer-subnav a{ display: block; padding: 8px; font-size: 1em; }
.flogo {
  padding: 28px 0 0 10px;
}
.flogo i {
  font-style: normal;
  font-size: 24px;
  display: block;
  background: url("../svg/tel.svg") no-repeat;
  padding: 4px 0 0 34px;
  float: left;
  margin: 22px 0 0 12px;
}
.flogo .fimg {
  height: 46px;
  float: left;
}
.flogo .copy {
  padding: 12px 0 0 0;
}


.maincon { padding:30px;}
.maincon .cont { margin:64px 0 24px 0;}
.maincon .cont p { line-height:28px; font-size:16px; text-align:justify;}
.maincon .cont h1 { text-align:center; padding:18px 0 28px 0;}
.maincon .cont h1 .blogo{ display:none;}
.maincon .cont h1 .brand { font-style:normal; display:block;  margin:0 auto;  font-size:44px; border-radius:6em; border:2px solid #000; padding:8px; width:76%; transition: all 0.26s ease-in-out;
    -moz-transition: all 0.26s ease-in-out; /*Firefox 4 */
    -webkit-transition: all 0.26s ease-in-out; /* Safari&Chrome */
    -o-transition: all 0.26s ease-in-out; /* Opera */}
	.maincon .cont h1 .brand:hover { color:#fff; background:#000;}


.maincon .cont .abimg { padding:48px 0 48px 0;}
.maincon .cont .abimg div { width:100%;}
.maincon .cont .abimg img{ width:50%; transition: transform 0.3s; float:left;}
.maincon .cont .abimg img:hover{  transform: scale(1.1);}

.maincon .cont .histy{ padding:20px 0 0 0;}
.maincon .cont .histy ul {  margin:0 0 60px 0; position:relative; float:left;}
.maincon .cont .histy ul:before { content:""; display:block; background:#000; width:8px; height:8px; border-radius:4em; position:absolute; left:-4px; top:0; }
.maincon .cont .histy ul li { padding:4px 0 4px 28px;border-left:1px solid #ddd; color: #666;}
.maincon .cont .histy ul  strong { font-size:32px; font-weight: normal; color: #000;}
.maincon .cont .sa { padding: 0 0 28px 0; text-align:justify;}
.maincon .cont h2 { font-size:38px; padding:0 0 18px 0;}

.maincon .contaier { padding:100px 0 18px 0;}
.maincon .contaier .contit { font-weight:bold; padding:0 0 0 0;}
.maincon .contaier .contit .gs { font-size:7.2vw; font-style:normal; font-weight:bold;}
.maincon .contaier .contit em { font-size:7.2vw; font-style:normal; font-weight: normal;}
.maincon .contaier .contit .gsy { font-size:4.4vw; margin-top: 0;}

.maincon .contaier ul { font-size:4vw;  }
.maincon .contaier ul li { padding:0 0 8px 0;}
.maincon .contaier ul li span{ display: block;}
.maincon .contaier .mes { position:relative; padding:28px 0 28px 0; border-bottom:1px solid #eee;}
.maincon .contaier .mes img { position:inherit; padding: 28px 0 0 ; width: 100%;}
.maincon .contaier .mes .tname { font-size:24px; font-weight:bold; padding:0 0 16px 0;}
.maincon .contaier .mesa  { position:relative; padding:28px 0 28px 0; border-bottom:1px solid #eee;color: #333;}
.maincon .contaier .mesa ul { font-size: 14px;}
.maincon .contaier .mesa .tt{ line-height: 30px;}


.maincon .contaier .contit em { font-size:7vw; }
.maincon .contaier .mesa .mesat { font-size:18px; padding: 0 0 6px 0; }	
.maincon .contaier .mesa .mesaimg { padding: 18px 0 18px 0;}
.maincon .contaier .mesa .mesaimg img{ width: 100%;}


.maincon .contaier .serban { text-align:center; }
.maincon .contaier .serban span { display:block;}
.maincon .contaier .serban .serh1 { font-size:12vw;}
.maincon .contaier .serban .serh2 { font-size:6vw;}
.maincon .contaier .serban .serh3 { font-size:5vw;}
.maincon .contaier .serban .serh4 { font-size:4vw;}
.maincon .contaier .serimg {overflow:hidden;}
.maincon .contaier .serimg img  { width:120%;}

.maincon .sj { display:block;}
.maincon .dn { display:none;}
.maincon .sercons { padding: 0 0 0 10px;}
.maincon .sercons .sercontit { font-size:4vw;}
.maincon .sercons .sercontit2 { font-size:2.4vw;}
.maincon .sercons a { display: block;
cursor:pointer;
    float: left;
    text-align: center;
    width: 47%;
    background: #fff;
    margin: 0 10px 10px 0;
    padding: 20px 0 20px 0;    transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out; /*Firefox 4 */
    -webkit-transition: all 0.6s ease-in-out; /* Safari&Chrome */
    -o-transition: all 0.6s ease-in-out; /* Opera */
} 
.maincon .sercons a:hover { color:#000;

-webkit-box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.05);box-shadow: 0 0 26px 26px rgba(0, 0, 0, 0.05);

}
.listfaq .news {padding: 0 0 66px 0;}
.thenew {
    padding: 22px 0 0 0;
}
.thenew .news a  {
	
	transition: all 0.26s ease-in-out;
    -moz-transition: all 0.26s ease-in-out;
    -webkit-transition: all 0.26s ease-in-out;
    -o-transition: all 0.26s ease-in-out;
	
	
	}
.thenew .news .newspage { text-align:center;}
.thenew .news .newspage a {padding:10px 30px 10px 30px;display:inline-block; background:#fff; font-size:28px; margin:10px;border-radius:18px;}
.thenew .news .newspage a:hover{background:#000; color:#fff; }

.listfaq .news .newspage { text-align:center;}
.listfaq .news .newspage a {padding:10px 30px 10px 30px;display:inline-block; background:#fff; font-size:28px; margin:10px;border-radius:18px;}
.listfaq .news .newspage a:hover{background:#000; color:#fff; }


.thenew .news { padding:68px 0 66px 0;}

.listfaq .news .newsbtn  {padding: 168px 4% 0 4%;border: 0;}


.thenew .news .newsbtn  { padding:0 10px 0 10px; border:0;}
.thenew .news .newsbtn a{ display:block; float:left; text-align:center; background:#fff; margin:0 12px 0 12px; padding:6px 18px 6px 18px; font-size:14px; border-radius:40px; width:inherit;}
.thenew .news .newsbtn a:hover{ background:#000; color:#fff;}
.thenew .news .newsbtn .active { background: #000; color: #FFFFFF;}


.listfaq .news .newsbtn a{ display:block; float:left; text-align:center; background:#fff; margin:1%; line-height: 34px; height: 34px; padding:6px 0 6px 0; border-radius:40px; width:31.3%;}
.listfaq .news .newsbtn a:hover{ background:#000; color:#fff;}
.listfaq .news .newsbtn .active { background: #000; color: #FFFFFF;}


.thenew .news .newslist { padding:8%;}
.listfaq .news .newslist { padding:0 4% 0 4%;}
.thenew .news .newslist img { width:100%;transition: transform 0.6s; }
.thenew .news .newslist a {margin:0%; position: relative;}

.thenew .news .newslist a:hover{ color:#fff; background:#000;-webkit-box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.15);box-shadow: 0 0 26px 26px rgba(0, 0, 0, 0.15);
}
.thenew .news .newslist a:hover .newscl{ color:#000; background:#fff; border-radius:20px;display: inline-block;}
.thenew .news .newslist a:hover img{  transform: scale(1.1);}
.thenew .news .newslist a,span { display:block;}
.thenew .news .newslist .listbox { width:100%; background:#fff;    cursor: pointer; }
.thenew .news .newslist .listbox .imgov {overflow:hidden;  margin:0 0 28px 0; }
.thenew .news .newslist .listboxpro:hover{ color:#000; background:#fff;-webkit-box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.15);box-shadow: 0 0 26px 26px rgba(0, 0, 0, 0.15);}
.thenew .news .newslist .listboxpro:hover img{  transform: scale(0.9);}
.thenew .news .newslist .listboxpro { width:100%; background:#fff;    cursor: pointer; }
.thenew .news .newslist .listboxpro .imgov {overflow:hidden;  padding: 28px 28px 0 28px }


.listfaq .news .newslist .listbox {padding: 6%; background: #fff; cursor: pointer; font-size: 18px; border-radius: 28px; }
.listfaq .news .newslist .listbox .imgov {overflow:hidden;  margin:0 0 28px 0; }
.listfaq .news .newslist .listbox:hover{ color:#000; background:#fff;-webkit-box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.15);box-shadow: 0 0 26px 26px rgba(0, 0, 0, 0.15);}


.listfaq .news .newslist a {margin: 4% 0 2% 0;}

.listfaq .news .newslist a:hover{ color:#fff; background:#000;-webkit-box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.15);box-shadow: 0 0 26px 26px rgba(0, 0, 0, 0.15);
}
.listfaq .news .newslist a:hover .newscl{ color:#000; background:#fff; border-radius:20px;display: inline-block;}
.listfaq .news .newslist a:hover img{  transform: scale(1.1);}
.listfaq .news .newslist a,span { display:block;}



.thenew .news .newslist .newscl { 
    padding: 4px;
    text-align: center;
    font-size: 12px;
    color: #000;
    width: 54px;
    border-radius: 22px;
    margin: 0 0 0 6px;
    display:none;
    font-style: normal;
	position: absolute;
	top: 18px;
	left: 18px;
}
.thenew .news .newslist .time i {font-style:normal; float:left;}
.thenew .news .newslist .time { font-size:32px; padding:0 0 0 30px;}
.thenew .news .newslist .tis { font-size:20px;padding:0 30px 8px 30px;font-weight: bold;}
.thenew .news .newslist .newcons { font-size:14px; color:#666;padding:4px 30px 30px 30px; text-align:justify;}
.thenew .news .newslist .more { font-size:14px; margin:0 0 20px 30px;  padding:4px 0 20px 0; }


	.serfrom {

    padding: 88px 0 0 0;
    position: fixed;
    left: 5%; width: 90%;

}	



.sear {-webkit-appearance: none;
    cursor: pointer;
    height: 48px;
    width: 88px;
    border: 0;
    position: absolute;
    top: 95px;
    right: 0;
    font-size: 18px;
    background-color: #2f6cb2;
    color: #fff;
    border-radius: 30px;}
.searip{    
	width: 98%;
    font-size: 18px;
    padding-left: 2%;
    margin: 6px 0 0 0;
    height: 48px;
    color: #aaa;
    border: 1px solid #fff;
    background-color: #eee;
    border-radius: 33px;}

.listfaq .news a  {
	
	transition: all 0.26s ease-in-out;
    -moz-transition: all 0.26s ease-in-out;
    -webkit-transition: all 0.26s ease-in-out;
    -o-transition: all 0.26s ease-in-out;
	
	}

.mdw {
    display: block;
    background: #00950e;
    padding: 12px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
	margin: 10px 0 0 0;
}
.down { padding:10px;}
.down h1 { font-weight: bold;padding:80px 18px 18px 18px; font-size: 22px;}
.down p { color: #666;}
.down b {display: inline-block;}

@media (max-width: 530px) {
  footer {
  padding: 8px 48px 48px 48px;
  }
  .flogo {
    padding: 18px 0 0 0;
  }
  .flogo .fimg {
	  width:168px;
  }
  .flogo i {
    margin: 18px 0 0 0;
	padding: 4px 0 3px 34px;
	font-size: 18px;
	  }
  .flogo .copy {
    border-top: 1px solid #eee;
    margin: 18px 0 0 0;
  }
  
  
}

@media (min-width: 546px) {
.maincon .cont .histy ul { width:50%;}
.maincon .cont .histy ul li { font-size:2vw;}
}

@media (min-width: 640px) {
	.maincon .contaier .contit .gs{ font-size:5vw;}
	.maincon .contaier .contit .gsy{ font-size:3vw;}
	.maincon .contaier ul { font-size: 3vw;}
	.maincon .contaier .mes img { width: 30%; position: absolute; right: 0; top: 0;}
	.maincon .contaier .contit em { font-size:6vw; }
	.maincon .contaier .mesa .mesaimg img{ width:inherit;}
	.maincon .sercons img { width:30%;}
	.maincon .sercons a { padding:40px 0 40px 0; width:48.4%;}	
	.maincon .sercons .sercontit { font-size:4vw;}
.maincon .sercons .sercontit2 { font-size:2vw;}



.thenew {
    padding: 22px 0 0 0;
}


.thenew .news .newslist { padding:4% 0 4% 4%;}
.thenew .news .newslist a {float:left;margin: 2% 4% 2% 0%;}

.thenew .news .newslist a:hover{ color:#fff; background:#000;-webkit-box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.15);box-shadow: 0 0 26px 26px rgba(0, 0, 0, 0.15);
}
.thenew .news .newslist a:hover .newscl{ color:#000; background:#fff; border-radius:20px;}
.thenew .news .newslist a,span { display:block;}
.thenew .news .newslist .listbox { width:46%; background:#fff; }
.thenew .news .newslist .listbox .imgov {overflow:hidden;  margin:0 0 28px 0; }
.thenew .news .newslist .listboxpro { width:46%; background:#fff; }
.thenew .news .newslist .listboxpro { width:46%; background:#fff; }
.thenew .news .newslist .listboxpro .newcons { padding: 0 30px 0 30px;}
.thenew .news .newslist .time i {font-style:normal; float:left;}
.thenew .news .newslist .time { font-size:32px; padding:0 0 0 30px;}
.thenew .news .newslist .tis { font-size:20px;padding:0 30px 8px 30px;}
.thenew .news .newslist .newcons { font-size:14px; color:#666;padding:4px 30px 30px 30px; text-align:justify; height: 40px;}
.thenew .news .newslist .more { font-size:14px; margin:0 0 20px 30px;  padding:4px 0 4px 0; }





	
	}


@media (min-width: 735px) {
		.maincon .contaier .contit em { font-size:4vw; }
		
		.maincon .sercons a { width:31.9%}
		.maincon .sercons .sercontit { font-size:4vw;}
		.maincon .sercons .sercontit2 { font-size:2vw;}
		.showss {width:100%; height:99px;background-size: inherit;}

.listfaq .news .newslist .listbox {padding: 4%; background: #fff; cursor: pointer; font-size: 20px; border-radius: 28px; }


}
		
		
		
		


@media (min-width: 1025px) {
.hezuo { background:url("../jpg/gybg_01.jpg") no-repeat top center #fafafa;}
	.qudao { background:url(../jpg/qdbg_01.jpg) no-repeat top center #fafafa;}
  .solid {
    height: 80px;
    background: #fff;
    border-bottom: 1px solid #eee;
  }
  .solid h1 {
    left: 28px;
  }
  .solid h1 img {
    width: 188px;
	height: 42px;
  }
  .solid .nav-btn {
    display: none !important;
  }

	.sear {-webkit-appearance: none;
    cursor: pointer;
    height: 48px;
    width: 108px;
    position: absolute;
    top: 142px;
    right: 10px;
    font-size: 18px;
    background-color: #2f6cb2;
    color: #fff;
	border: 0;
    border-radius: 33px;
}

	.serfrom {width: 960px;
    margin: 0 auto 0;
    position: relative; left: 0; padding: 100px 0 0 0;}	
	
.searip{width: 940px;;
    font-size: 18px;
    padding: 8px 0 8px 18px;
    margin: 33px 0 0 0;
    height: 48px;
    border-top: 0;
    color: #999;
    border: 0;
    border-radius: 33px;
    border: 1px solid #fff;
	background: #eee;
	}


.mdw {
    display: block;
    position: absolute;
    right: 3%;
    top: 30%;
    background: #00950e;
    width: 128px;
    padding: 12px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
}
.down {width:1000px; margin:0 auto;}
.down h1 { font-weight: bold; padding: 140px 0 20px  0;}
.down p { color: #666;}
.down b {display: inline-block;}	
	
	
	.mnav {
	display:block;
    font-size: 12px;
    text-align: right;
    position: fixed;
    top: 80px;
    color: #fff;
    width: 100%;
    box-sizing: border-box;
    padding: 0 22px 0 0;
    z-index: 1;
    color: #333;
    background-color: rgba(255, 255, 255, 0.8);
  }
  .mnav a {
    color: #333;
    display: inline-block;
    padding: 8px;
  }

  .shopcart {
    padding: 16px 26px 31px 18px;
    margin: 0;
  }
  .shopcart ul {
    top: 81px;
  }

  .fedcon {
    padding: 22px 26px 32px 18px;
    margin: 0;
    z-index: 101;
    position: fixed;
    right: 48px;
  }


  .commonweb {
    top: 0;
    position: fixed;
    z-index: 100;
    right: 128px;
  }
  .nav-subnav a:after {
    display: none !important;
  }
  .commonweb nav ul{ height:80px; overflow:hidden;}
  .commonweb nav li .nav-subnav {
    width: 100%;
    position: absolute;
    left: 0;
    top: 80px;
    z-index: 100;
    background-color: #fff;
    padding-bottom: 0;
    display: none;
  }
  .commonweb nav li .nav-subnav a {
    padding: 10px;
    text-align: center;
    display: block;
    height: auto;
    line-height: normal;
  }

  .commonweb .cone {
    padding: 26px 28px 31px 28px;
  }
  .commonweb nav {
    display: block;
    position: static;
	overflow:hidden;
  }
  .commonweb nav ul{ padding:0;}
  .commonweb nav li .nav-thumb img {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
  }
  .commonweb nav li {
    display: inline-block;
    border-bottom: none;
  }
  .commonweb nav li a {
    position: relative;
    padding: 8px;
    transition: all 0.26s ease-in-out;
    -moz-transition: all 0.26s ease-in-out; /*Firefox 4 */
    -webkit-transition: all 0.26s ease-in-out; /* Safari&Chrome */
    -o-transition: all 0.26s ease-in-out; /* Opera */
  }
  .commonweb nav li a:hover {
    color: #999;
  }
  .commonweb nav li a:hover:after {
    opacity: 1;
  }
  .commonweb nav li .nav-thumb {
    width: 100%;
    background-color: #fff;
    position: fixed;
    left: 50%;
    top: 81px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding-bottom: 1em;
  }
  .commonweb nav li .nav-thumb .nav-thumb-text {
  }
  .commonweb nav li .nav-thumb-wrap {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 16px;
    font-size: 0;
  }
  .commonweb nav li .nav-thumb-wrap a {
    float: none;
    height: auto;
    display: inline-block;
    font-size: 14px;
  }
  .commonweb nav li .nav-thumb-wrap a:after {
    display: none;
  }
  .commonweb nav li:last-child {
    position: relative;
  }

  .col-lg-2 {
    width: 18%;
  }

  footer {
    padding: 60px;
  }
	
	.footer-bot {float: right;}
.footer-bot .footer-nav ul li {padding: 0 0 0 68px; border: 0; float: left;}
.footer-bot .footer-nav ul li a{ font-size:1.2em;font-weight: bold;width:100%; display: block; padding: 0 0 8px 0;     transition: all 0.26s ease-in-out;
    -moz-transition: all 0.26s ease-in-out; /*Firefox 4 */
    -webkit-transition: all 0.26s ease-in-out; /* Safari&Chrome */
    -o-transition: all 0.26s ease-in-out; /* Opera */}
	.footer-bot .footer-nav ul li a:hover{ color:#000;}
.footer-bot .footer-nav  a i { display: none;}
.footer-bot .footer-nav .footer-subnav { display: block; }
.footer-bot .footer-nav .footer-subnav a{ display: block; padding: 6px 0 6px 0; font-size: 1em; font-weight:normal; color:#666;}
.flogo {
  padding: 0; float: left;
}

	
	
	
	.maincon .contaier { padding:180px 0 18px 0;}
.maincon .contaier .contit {font-weight:bold; padding:0 0 0 48px;}
.maincon .contaier .contit .gs { font-size:44px; font-style:normal;}
.maincon .contaier .contit .gsy { font-size:26px; margin-top: -8px;}

.maincon .contaier ul { font-size:24px;  }
	.maincon .contaier ul li span {display:inline;}
.maincon .contaier .mes { position:relative; padding:48px; border-bottom:1px solid #eee;}
.maincon .contaier .mes img { position:absolute; right:48px; bottom:30px; width: inherit; left: inherit; top: inherit;}
.maincon .contaier .mes .tname { font-size:24px;  font-weight:bold; padding:0 0 16px 0;}
.maincon .contaier .mesa {
    position: relative;
    padding: 28px 48px 28px 46px;
    border-bottom: 1px solid #eee;
	
	}
	.maincon .contaier .mesa .au { font-size: 16px;}
	
	
.maincon .contaier .contit em { font-size:44px; }
	.maincon .contaier .mesa .mesat { font-size:18px; padding: 0 0 6px 0;}	
	.maincon .contaier .mesa .mesaimg { padding: 18px 0 18px 0;}
	
		.maincon .contaier .sert { padding: 140px 0 0 60px;}

	.fuckcon{width:1025PX;}
	.maincon .contaier .serban { text-align:left; position:relative; overflow:hidden; height:440px;}
	.maincon .contaier .serban .bantit  { padding:60px 0 0 10px;}
	.maincon .contaier .serban .serh1 { font-size:52px;}
	.maincon .contaier .serban .serh2 { font-size:32px;}
	.maincon .contaier .serban .serh3 { font-size:24px;}
	.maincon .contaier .serban .serh4 { font-size:20px;}
	.maincon .contaier .serimg  { position:absolute; right:-100px; top:-20px; }
	.maincon .contaier .serimg img { width:inherit;}
	.maincon .sercons { padding: 0 0 28px 0;}
	.maincon .sj { display:none;}
	.maincon .dn { display:block;}	
	.maincon .sercons .sercontit { font-size:32px;}
	.maincon .sercons .sercontit2 { font-size:14px;}
	.maincon .sercons a { display: block; float: left; text-align: center; width: 321px; height: 188px; background: #fff; margin: 0 10px 20px 10px; padding: 45px 0 0 0;} 
	.maincon .sercons img { width:auto;padding: 0 0 10px 0 ;}
}


@media (min-width: 1026px) {
	.footer-bot .footer-nav ul li{padding: 0 0 0 48px;}
	.thenew { padding:100px 0 0 0;}
	
	
.maincon { padding:100px 0 0 0; width:1168px; margin:0 auto;}
.maincon .cont { margin:68px 0 100px 0;font-size:16px;}
.maincon .cont p { line-height:28px; font-size:16px; text-align:justify;}
.maincon .cont .abimg { padding:48px 0 48px 0;}
.maincon .cont .abimg div { width:388px; overflow:hidden; float:left;}
.maincon .cont .abimg img{ width:388px; float:left;transition: transform 0.3s;}
.maincon .cont .abimg img:hover{  transform: scale(1.1);}
.maincon .cont h1 { padding:0 0 18px 0;}
.maincon .cont h1 img { width:568px;}
.maincon .cont h1 .blogo { float:left; box-sizing:content-box; display:block;}
.maincon .cont h1 .brand { font-style:normal; font-size:34px; border-radius:6em; border:2px solid #000; padding:4px 32px 4px 32px; float:left;margin: 72px 0 0 20px; width:inherit;    }

.maincon .cont .histy{ padding:20px 0 0 0;}
.maincon .cont .histy ul {  width:388px;  margin:0 0 60px 0; position:relative; float:left;}
.maincon .cont .histy ul:before { content:""; display:block; background:#000; width:8px; height:8px; border-radius:4em; position:absolute; left:-4px; top:0; }
.maincon .cont .histy ul li { padding:4px 0 4px 28px;border-left:1px solid #ddd;font-size:16px; }
.maincon .cont .histy ul strong { font-size:32px; font-weight: normal;}
.maincon .cont .sa { padding: 0 0 28px 0;}
.maincon .cont h2 { font-size:48px; padding:0 0 18px 0;}


.thenew .news { width:1000px; margin:0 auto; padding:46px 0 66px 0;}
.listfaq .news { width:1000px; margin:0 auto; padding:46px 0 66px 0;}
.listfaq .news .newsbtn  { padding: 0 10px 0 10px; border: 0;}
	.listfaq .news .newsbtn a {display: block;
    float: left;
    text-align: center;
    background: #fff;
    margin: 0 12px 0 12px;
    font-size: 16px;
    border-radius: 40px;
    width: 108px;}
.thenew .news .newslist { padding:28px 0 48px 0;}
.listfaq .news .newslist { padding:20px 0 0 0;}
.thenew .news .newslist a {float:left; margin:18px;}

.thenew .news .newslist a:hover{ color:#fff; background:#000;-webkit-box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.15);box-shadow: 0 0 26px 26px rgba(0, 0, 0, 0.15);
}
.thenew .news .newslist a:hover .newscl{ color:#000; background:#fff; border-radius:20px;}
.thenew .news .newslist a,span { display:block;}
.thenew .news .newslist .listbox { width:297px; background:#fff; }
.thenew .news .newslist .listbox .imgov {overflow:hidden; height:223px; margin:0 0 28px 0; }
.thenew .news .newslist .listboxpro { width:297px; background:#fff; }
.thenew .news .newslist .listboxpro .imgov {overflow:hidden; height:223px; }

.thenew .news .newslist .time i {font-style:normal; float:left;}
.thenew .news .newslist .time { font-size:32px; padding:0 0 0 30px;}
.thenew .news .newslist .tis { font-size:20px;padding:0 30px 8px 30px;}
.thenew .news .newslist .newcons { font-size:14px; color:#666;padding:4px 30px 30px 30px; text-align:justify; height: 40px;}
.thenew .news .newslist .more { font-size:14px; margin:0 0 20px 30px;  padding:4px 0 4px 0; }

.listfaq .news .newslist a {margin: 2%;}

.listfaq .news .newslist a:hover{ color:#fff; background:#000;-webkit-box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.15);box-shadow: 0 0 26px 26px rgba(0, 0, 0, 0.15);
}
.listfaq .news .newslist a:hover .newscl{ color:#000; background:#fff; border-radius:20px;}
.listfaq .news .newslist a,span { display:block;}



}
@media (min-width: 1027px) {
	.fuckcon{width:1025PX;}
}
@media (min-width: 1168px) {
		.fuckcon{width:inherit;}

	.footer-bot .footer-nav ul li{padding: 0 0 0 88px;}
		.maincon .contaier .serban { text-align:left; position:relative; overflow:hidden; height:440px; width:1168px; margin:0 auto;}
	.maincon .contaier .serban .bantit  { padding:60px 0 0 40px;}
	.maincon .contaier .serban .serh1 { font-size:52px;}
	.maincon .contaier .serban .serh2 { font-size:32px;}
	.maincon .contaier .serban .serh3 { font-size:24px;}
	.maincon .contaier .serban .serh4 { font-size:20px;}
	.maincon .contaier .serimg  { position:absolute; right:-100px; top:-20px; }
	.maincon .contaier .serimg img { width:inherit;}
	.maincon .sercons { padding: 0 0 28px 0; width:1168px; margin:0 auto;}
	.maincon .sercons .sercontit { font-size:32px;}
	.maincon .sercons .sercontit2 { font-size:14px;}
	.maincon .sercons a { width:368px; display: block; float: left; text-align: center; height: 188px; background: #fff; margin: 0 10px 20px 10px; padding: 45px 0 0 0;} 
	.maincon .sercons img { width:auto; padding: 0 0 10px 0;}
	
	
.thenew .news { width:1168px; margin:0 auto; padding:46px 0 66px 0;}
.thenew .news .newslist .listbox { width:353px; }
.thenew .news .newslist .listbox .imgov { height:264px; margin:0 0 28px 0; }
.thenew .news .newslist .listboxpro { width:353px; }
.thenew .news .newslist .listboxpro .imgov { height:264px;  }
.thenew .news .newslist .more { font-size:14px; margin:0 0 30px 30px;  padding:4px 0 4px 0; }

.listfaq .news { width:1168px; margin:0 auto; padding:46px 0 66px 0;}


	.serfrom {width: 1128px;left: 0; padding: 100px 0 0 0;
    margin: 0 auto 0;
    position: relative;}	
.searip{width: 1110px;
    font-size: 18px;
    padding: 8px 0 8px 18px;
    margin: 33px 0 0 0;
    height: 48px;
    border-top: 0;
    color: #999;
    border: 0;
    border-radius: 33px;
    border: 1px solid #fff;
	background: #eee;
	}
	.sear {-webkit-appearance: none;
    cursor: pointer;
    height: 48px;
    width: 108px;
    position: absolute;
    top: 142px;
    right: 10px;
    font-size: 18px;
    background-color: #2f6cb2;
    color: #fff;
	border: 0;
    border-radius: 33px;
}

	
}