@charset "utf-8";
@font-face {
    font-family: 'sourcesanspro';
    src: url('../fonts/sourcesanspro-regular.eot');
    src: url('../fonts/sourcesanspro-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-regular.woff2') format('woff2'),
         url('../fonts/sourcesanspro-regular.woff') format('woff'),
         url('../fonts/sourcesanspro-regular.ttf') format('truetype'),
         url('../fonts/sourcesanspro-regular.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{ font-family:"sourcesanspro",Arial, Helvetica, sans-serif; background-color:#fff;}
a{ color:#333; text-decoration:none; outline: medium none; -moz-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in}
a:link,a:visited{text-decoration: none;}
a:hover{text-decoration:none;color:#da4343;}
img,li{ vertical-align:top; border:0px}
.clear {clear: both; width:100%; float:left; height:auto; line-height:0px;}
*{margin:0px;padding:0px;}
ul{ list-style-type:none;}
ul,li,h5,dt,dd,img{margin:0px;padding:0px;}
html,body,b,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,img,pre,form,p,input,td {margin:0px auto;padding:0;}
body,td,th{ font-family:"sourcesanspro",Arial, Helvetica, sans-serif;font-size:12px;}
input{font-family:"sourcesanspro",Arial, Helvetica, sans-serif; border:0;}


#header{ width:100%; background:url(../images/1_01.png) no-repeat top center; height:123px; position:absolute; top:0px; left:0px; z-index:9;}


#logo{ text-align:left;}
#logo img{ max-width:100%;}

#navshow{ height:auto;}
#navshow .nav>li>a { position: relative; display: block; color:#333; font-size:21px; text-transform:uppercase; margin-top:10px;}
#navshow .nav>li>a:hover{color:#f20004;}
#navshow .nav>li.active>a{ color:#f20004;}
@media screen and (min-width:1440px )
{
   #navshow  .nav > li > a {padding:5px 17px;}
}
@media screen and (min-width:1230px ) and (max-width:1440px)
{
   #navshow  .nav > li > a {padding:5px 17px;}
}
@media screen and (min-width:1110px ) and (max-width:1230px)
{
    #navshow  .nav > li > a {padding:5px 12px; }
}


#suo{ margin-top:18px;}

@media screen and (min-width:1px ) and (max-width:768px)
{
	.top_nav{ position:absolute; right:15px; top:-60px;}
	#suo{ margin-top:0px;}
}

/*.yun{ width:110px; float:left; height:31px; line-height:31px; background:url(../images/1_02.jpg) no-repeat 90px center #333; border:1px solid #959ba0; border-radius:10px; margin-left:22px; color:#959ba0; text-align:center; font-size:18px; margin-top:2px;}
.yun a{ color:#959ba0; margin-right:10px;}*/
.custom-select{ width: 110px; float: left; height: 31px; line-height: 31px;  background: url(../images/1_02.jpg) no-repeat 90px center #333; border: 1px solid #959ba0;  border-radius: 10px; margin-left: 22px; color: #959ba0; text-align: center;font-size: 18px; margin-top: 2px;}
.custom-select select{ padding-left: 15px; outline:none; cursor: pointer; width: 100%; color: #959ba0; border: none; box-shadow: none;  background-color: transparent; background-image: none;  appearance: none; text-indent: 0.01px; text-overflow: '';}


.fx{ float:right;}

.ssou{ width:359px; float:left; height:31px; margin-left:30px; margin-top:2px;}
.key{ width:264px; float:left;  background:#333; border:1px solid #959ba0; padding-left:10px; height:31px; line-height:31px; border-radius:10px; color:#fff;}
.sub{ width:41px; float:left; height:31px; background:none; border:0; cursor:pointer; background:url(../images/1_03.jpg) no-repeat; margin-left:10px; border-radius:10px;}

@media screen and (min-width:1110px ) and (max-width:1110px)
{
	
}
@media screen and (min-width:1px ) and (max-width:1110px)
{
	#header{ background:#fff; height:auto; position:inherit;}
    #navshow .nav > li > a {padding:5px 3px; font-size:16px;} 
	
	#logo{ text-align:center;}
	
	/*.yun{ display:none;}*/
	.custom-select{ display:none;}
	
	.fx{ display:none; float:left; margin-top:20px; margin-bottom:15px;}
	
	.ssou{ display:none; width:100%; margin-left:-15px;}
}
@media screen and (min-width:1px ) and (max-width:768px)
{
    #navshow  .nav > li > a { margin-top:0px; padding:0 3px;}
}



#bframe{}
/* flexslider */
#bframe .flexslider{position:relative;height:auto;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
#bframe .slides{position:relative;z-index:1;}
#bframe .slides li{height:auto;}
#bframe .slides li a{ float:left; width:100%; height:auto;}
#bframe .slides li a img{ float:left; width:100%; height:auto;}
#bframe .flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
#bframe .flex-control-nav li{display:inline-block;width:12px;height:12px;margin:0 5px;*display:inline;zoom:1;}
#bframe .flex-control-nav a{display:inline-block;width:12px;height:12px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
#bframe .flex-control-nav .flex-active{background-position:0 0;}
 
#bframe .flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
#bframe .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
#bframe .flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
#bframe .flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}


#pframe{ background:url(../images/1_09.jpg) repeat-x; background-size:auto 100%;}
#pframe b{ height:196px; background:url(../images/1_10.jpg) no-repeat center bottom; text-align:center; font-weight:inherit; font-weight:normal;}
#pframe b h3 img{ max-width:100%;}
#pframe p{ font-size:17px; line-height:20px; height:60px; overflow:hidden; padding:0 60px; font-family:Arial, Helvetica, sans-serif;}

.ipto{ width:100%; float:left; height:auto; margin-top:40px;}
.ipti{ width:100%; float:left; height:auto}
.ipti img{ width:100%}
.iptz{ width:100%; float:left; /*height:38px;*/ font-size:17px; line-height:19px; overflow:hidden; margin-top:10px}
    .iptz a {
        background-color: #5b5a5f; font-size:14px;
        text-align: center;
        font-weight: 900;
        color: #fff;
        display: block;
        border: 1px solid #ddd;
        padding: 14px;
    }
.iptp{ width:100%; float:left; height:auto; font-size:14px; color:#666; line-height:19px; overflow:hidden; margin-top:10px}

.ab{ background:url(../images/1_12.jpg) no-repeat top center; height:95px; margin-top:60px;}
.abb{ background:url(../images/1_13.jpg) no-repeat top center; height:90px; }
.abc{ background:url(../images/1_14.jpg) repeat-y top center; height:auto; }
@media screen and (min-width:1px ) and (max-width:768px)
{
	.abc{ background:none;}
	.iptp{ height:95px;}
}
.tidings{ width:100%; float:left; margin-top:30px;}
.tidings b{ width:100%; float:left; height:auto; font-weight:inherit; font-weight:normal;}
.tidings dl{ float:left; border-left:10px solid #e60013; background:#333; color:#fff; padding:10px; font-size:25px; line-height:25px;}
.tidings dd{ font-size:14px; line-height:45px; text-indent:1em; color:#666}
.tidings dd img{ margin-top:19px;}

.tiding{ width:100%; float:left; height:auto; margin-top:30px;}
.tidini{ width:18%; float:left;}
.tidini img{ max-width:100%;}
.tidinz{ width:80%; float:right; font-size:20px; padding-bottom:10px;}
.tidinz a{ color:#000;}
.tidinz a:hover{ padding-left:5px;}
.tidinp{ width:80%; float:right; font-size:14px; color:#666; height:60px; line-height:20px; overflow:hidden;}



.summary{  margin-top:30px;}
.summary b{ width:100%; float:left; height:auto; font-weight:inherit; font-weight:normal;}
.summary dl{ float:left; border-left:10px solid #e60013; background:#333; color:#fff; padding:10px; font-size:25px; line-height:25px;}
.summary dd{ font-size:14px; line-height:45px; text-indent:1em; color:#666}
.summary dd img{ margin-top:19px;}

.summary p{ width:60%; float:left; margin-top:20px; font-size:14px;}
.summary span{ width:38%; float:right; margin-top:20px;}
.summary span img{ max-width:100%;}
@media screen and (min-width:1px ) and (max-width:768px)
{
	.summary p{ width:100%;}
	.summary span { width:100%; text-align:center; margin-bottom:10px;}
}

#aframe{ background:#f3f3f3; padding-top:50px; padding-bottom:60px;}
@media screen and (min-width:1px ) and (max-width:768px)
{
	#aframe{ padding-top:30px; padding-bottom:40px;}
}

.what{ width:100%; float:left; height:auto; margin-top:10px;}
.whai{ width:100%; float:left; height:auto; text-align:center;}
.whai img{ max-width:100%;}
.whaz{ width:100%; float:left; height:auto; text-align:center; font-size:20px; padding:10px 0;}
.whaz a{ color:#333;}
.whaz a:hover{ padding-left:10px;}
.whap{ width:100%; float:left; height:auto; text-align:left;}
.whap p{ width:100%; float:left; line-height:20px; font-size:14px; color:#666; padding-left:20px; padding-bottom:5px;}
.whap p.p1{ background:url(../images/A.jpg) no-repeat left 3.5px;}
.whap p.p2{ background:url(../images/B.jpg) no-repeat left 3.5px;}
.whap p.p3{ background:url(../images/C.jpg) no-repeat left 3.5px;}

.whai:hover {
-webkit-animation:swing 1s .1s ease both;
-moz-animation:tada 1s .1s ease both;
}

@-webkit-keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  transform-origin: top center;
  animation-name: swing;
}


#billing{ background:url(../images/1_21.jpg) no-repeat top center;}

#footlogo{}
#footlogo img{ max-width:100%;}
#footcontent{ padding-top:15px; font-size:14px; color:#fff;}
#footright{ float:right;}
#footright img{ max-width:100%;}


#footer{ background:#1c1c1c; padding-top:60px; padding-bottom:60px;}

.nf{ width:100%; float:left; height:auto; color:#ccc; line-height:30px; font-size:14px; margin-bottom:20px;}
.nf b{ width:100%; float:left; height:auto; font-size:23px; color:#fff; padding-bottom:30px;}
.nf a{ color:#ccc;}
.nf a:hover{ padding-left:5px;}

.nf1{ width:100%; float:left; height:auto; color:#ccc; line-height:30px; font-size:14px; margin-bottom:20px;}
.nf1 b{ width:100%; float:left; height:auto; font-size:23px; color:#fff; padding-bottom:30px;}
.nf1 a{ color:#ccc;}
.nf1 a:hover{ padding-left:5px;}

#copy{ background:#1c1c1c; border-top:1px solid #2f3030; color:#999; font-size:14px; padding:20px 0;}
#copy span{ padding-left:40px;}
#copy a{ color:#999}

@media screen and (min-width:1px ) and (max-width:768px)
{
	#footer{ padding-top:40px}
	#copy span{ width:100%; float:left; padding-left:0px;}
}

#banne{}
#banne img{ width:100%;}

#Pbanne{ margin-top:5%; height:328px; background:url(../images/2_01.jpg) no-repeat center bottom; color:#fff;}
@media screen and (min-width:1px ) and (max-width:768px)
{
	#Pbanne{ height:205px;}
}

#ntframe{ background:url(../images/2_02.jpg) repeat-x #fff left top; padding:70px 0; font-family:Arial, Helvetica, sans-serif;}
#ntframe img{ max-width:100%;}
@media screen and (min-width:1px ) and (max-width:768px)
{
	#ntframe{ padding:20px 0;}
}
#left{ width:100%; float:left; height:auto; margin-bottom:2%;  -webkit-box-shadow: 8px 0px 8px #eaeaea;  -moz-box-shadow: 8px 0px 8px #eaeaea; box-shadow: 8px 0px 8px #eaeaea;  }

.lbt{ display:block;  padding:5% 0%; }
.lbt strong{  font-size:18px;}
.lbt strong img{ margin-right:3%;}

#lnr{ width:100%; float:left; height:auto;}
.lmb ul li { width:96%; float:left; border-bottom:1px dashed #ccc;;}
.lmb ul li a{ display:block; padding:4% 0% 4% 0px; font-size:14px; text-transform:capitalize; color:#333; overflow:hidden; display:block; border-bottom:solid 1px #fff; }
.lmb ul li a:hover{color:#e60013;}
.lmb ul li a.current{color:#e60013;}

.lmb ul li ul li { display:block;}
.lmb ul li ul li a{ display:block; padding:2% 0% 2% 10%; font-size:12px;  color:#666;overflow:hidden; display:block; background:#fff;}
.lmb ul li ul li a.hover{color:#183ea0; background:#e99749;}
.lmb ul li ul li a:hover{color:#183ea0; background:#e99749;}
.lmb ul li ul li a.current{color:#183ea0; background:#e99749;}

#left_contact{ width:95%; float:left; display:block; margin-top:30px; margin-bottom:20px; border:1px solid #ccc; padding:2.5%; margin-left:2.4%;}


#right{ width:100%; float:left; height:auto;}


/*������*/
#rbt{ display:block;  text-align:left; float:left; margin-bottom:20px;}
#rbt h3{ color:#e60013; text-align:left;}
#rbt .more{ font-size:12px; line-height:30px;color:#666;}
#rbt .more a{color:#666;}
#rbt .more a:hover{color:#ca010b;}

#rbt2{ display:block;  text-align:left; float:left; width:100%; margin-top:135px;}
#rbt2 h3{ color:#e60013; text-align:left; margin-top:20px; margin-bottom:20px;}
#rbt2 .more{ font-size:12px; line-height:30px;color:#fff; margin-top:153px;}
#rbt2 .more a{color:#fff;}
#rbt2 .more a:hover{color:#ca010b;}

.CategoryName{ width:100%; float:left; height:85px; max-height:85px; overflow:hidden; font-size:14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}

@media screen and (min-width:1px ) and (max-width:768px)
{
	.CategoryName{ height:auto;}
	#rbt{margin-top:25px;}
	#rbt2{ margin-top:25px;}
	#rbt2 h3{ margin-top:0px; margin-bottom:10px;}
}
#neirnr{ display:block; margin-top:25px;margin-bottom:25px; }
#jiange{ height:5px; background:url(../images/rbt_bg.png) no-repeat left bottom;}




#pro_list_show h5{ line-height:35px; height:35px; text-align:center;overflow:hidden;  text-overflow:ellipsis;  -o-text-overflow:ellipsis;  -webkit-text-overflow:ellipsis;  -moz-text-overflow:ellipsis;  white-space:nowrap;}
#pro_list_show .thumbnail {display:block;-webkit-transition:1s;transition:1s;}
#pro_list_show .thumbnail:hover {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);}

.strrnr{ width:100%; float:left;}

/*��Ʒ����*/
.rtp{ width:98%; height:auto; }
.rtp a{ float:left; width:100%; height:auto; text-align:center; /*box-shadow:20px 20px 20px -20px #999;*/ }
.rtp a img{ float:left; width:100%; height:auto; /*border: solid 1px #c8c8c8;*/}

#rtp_small_img{ float:left; width:100%; }

/* scrollpic */
#rtp_small_img a:focus {
 outline: none;
}
.navbar-brand {
 padding: 0;
}
#myCarousel {
 margin: 0px 0 0 0;
}
.carousel-inner .item img {
 margin: 0 auto;
}
.carousel-control {
 font-size: 100px;
}
.carousel-controlleft{ float:left; position:absolute; left:0px; top:35%; z-index:9;}
.carousel-controlright { float:right; position:absolute; right:0px; top:35%; z-index:9;}



#rms_tit{ float:left; width:100%; font-size:20px;  font-family:lovelo; color:#b51628; line-height:35px;}
#productcanshu{ float:left; width:100%; min-height:80px; line-height:25px; overflow:hidden; font-size:14px; color:#999; }

.product_act { float:left; width:100%; margin-top:35px;}
.rms a{ color:#000000;}
.rms a:hover{ color:#da251d;}
.product_act img { float:none;}
.product_act_t { font-weight:bold;}
.product_act tr{ min-height:25px; line-height:25px;}
.product_act tr td{ font-size:14px; color:#333; padding:5px 0px;}
.product_act tr th{ font-size:14px;color:#525252; line-height:35px; text-align:left;}
.product_act tr td span{ margin:0%;}
.product_act tr td img{ margin-top:5px;}
.product_act tr td a.xunpanBtn{ font-family:lovelo; font-size:16px; color:#fff; padding:1.5% 3%; background:#fd9029; border:solid 2px #fff; box-shadow:20px 20px 20px -20px #333; position:relative; border-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; behavior: url(../css/ie-css3.htc); behavior: url(../css/PIE.htc);}


.outputL{ width:50%; float:left; height:270px; border-top:1px solid #c9c9c9; border-right:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; padding:38px 0; }
.outputR {
    width: 50%;
    float: left;
    height: 270px;
    border-top: 1px solid #c9c9c9;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #c9c9c9;
    padding: 38px 0;
}
.outputi{ width:30%; float:left; height:auto; padding:10px 0;}
.outputi img{ max-width:100%;}
.outputz{ width:68%; float:right; height:auto;}
.outputt{ width:100%; float:left; height:auto; font-size:23px; text-transform:uppercase;}
.outputt a{ display:block; color:#d20b0b;}
.outputt a:hover{ text-decoration:underline;}
.outputp{ width:100%; float:left; height:48px; font-size:17px; color:#d20b0b; text-transform:capitalize; overflow:hidden;}
.outputc{ width:100%; float:left; height:52px; font-size:14px; color:#666; line-height:17px; overflow:hidden; margin-top:10px;}
.outputa{ width:100%; float:left; height:auto; font-size:14px; margin-top:10px;}
.outputa a{ color:#ff0000;}
.outputa a:hover{ padding-left:10px;}

.oputL{ width:50%; float:left; height:auto; border-top:1px solid #c9c9c9; border-right:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; padding:10px 10px 30px 10px; }
.oputR{ width:50%; float:left; height:auto; border-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; padding:10px 10px 30px 10px; }
.oputi{ width:100%; float:left; height:auto; padding:10px 0;}
.oputi img{ max-width:100%;}
.oputi img{ width:100%;}
.oputt{ width:100%; float:left; height:auto; font-size:23px; text-transform:uppercase; padding:0 20px;}
.oputt a{ display:block; color:#d20b0b;}
.oputz{ width:100%; float:left; height:auto; font-size:14px; padding:0 20px;}
.oputz span{ color:#cc0000;}

.Seat{ margin-top:123px;}

@media screen and (min-width:1px ) and (max-width:768px)
{
	.outputL{ width:100%;}
	.outputR{ width:100%; border-left:1px solid #c9c9c9; border-top:0;}
	.oputL{ width:100%;}
	.oputR{ width:100%; border-left:1px solid #c9c9c9; border-top:0;}
	.Seat{ margin-top:0px;}
}

#rlt{ padding-top:30px;}
#rlt h3{ color:#e60013; text-transform:capitalize; margin-bottom:10px;}

#lrt{ margin-top:30px;}
#lrt h3{ width:100%; float:left; height:auto; color:#e60013; font-size:30px; font-family:Arial, Helvetica, sans-serif;}
#lrt span{ width:100%; float:left; height:auto; font-size:16px; line-height:30px; font-weight:bold; color:#333; padding:10px 0; border-bottom:1px dashed #e1e1e1;}
#lrt p{ width:100%; float:left; height:auto; line-height:30px; padding-top:10px;}

#fenxiang{ text-align:right; line-height:35px;}

#tabs { float:left;width:100%;  border:solid 1px #ddd; background:#333; margin-top:4%;}
#tabs li {float: left;width:50%;}
#tabs a {position: relative;float: left; width:100%; line-height:43px; height:43px; font-size:16px;color:#fff; text-align:center;}
#tabs #current a{ background:#fff; width:100%; line-height:43px; height:43px; font-size:16px;color:#b51628; z-index: 3; text-align:center; }

#content {float:left; width:100%; height:auto; padding:2% 0%;z-index: 2;  font-size:14px; line-height:25px;}
#content #tab3{ text-align:center;}

#detail{ width:100%; float:left; height:auto; border-bottom:1px solid #ccc;}
#detail h3{ padding:0 10px 20px 10px; float:left; border-bottom:1px solid #e60013;}

.thumbnail2{ width:100%; float:left; height:auto; line-height:30px; text-align:center;}
.thumbnail2 a{ display:block; padding-bottom:10px; border: 1px solid #ddd; }
.thumbnail2 img{ width:100%;}

.xgeffectmax{ width:100%; float:left; height:auto; border:1px solid #e1e1e1; margin-bottom:20px;}
.detailtopmax{ float:left; width:100%; height:40px; background:#f7f7f7; border-bottom:1px solid #e1e1e1;}
.detailtopmax strong{ float:left; padding:0 20px; line-height:40px; color:#000; font-size:16px;}

.xgeffect{ width:95%; float:left; height:auto; margin:auto 2.5%;}
.detailtop{ float:left; width:100%; height:40px; border-bottom:1px solid #e1e1e1;}
.detailtop strong{ float:left; padding:0 20px; line-height:40px; color:#cc1f26; border-bottom:1px solid #cc1f26; font-size:16px; background:url(../images/2_03.jpg) no-repeat left center; margin-top:-1px;}
.detalist{ float:left; width:100%; padding-top:12px; padding-bottom:10px;}
.detalist img{ max-width:100%; margin-top:9px;}

.xgeffect1{ width:47.5%; float:left; height:auto; margin-left:2.5%;}
.xgeffect2{ width:47.5%; float:left; height:auto; margin-right:2.5%;}
@media screen and (min-width:1px ) and (max-width:768px)
{
	.xgeffect1{ width:95%; margin:auto 2.5%}
	.xgeffect2{ width:95%; margin:auto 2.5%}
}
#other{ padding-top:30px; padding-bottom:30px; border-bottom:2px solid #324252;}
#other h3{ font-size:16px; color:#2d56a4; }
#other a{ margin-right:15px; margin-top:15px; color:#fff; font-size:12px;}
#other a img{ margin-left:10px; margin-right:10px;}
#other .other1{ width:20%; float:left; line-height:35px; background:#55a11b; }
#other .other2{ width:20%; float:left; line-height:35px; background:#ee4a0b;}
#other .other3{ width:20%; float:left; line-height:35px; background:#0f2e81;}
#other .other4{ width:20%; float:left; line-height:35px; background:#55a11b;}
@media screen and (min-width:1px ) and (max-width:768px)
{
	#other a{ margin-right:0;}
	#other .other1{ width:100%;}
	#other .other2{ width:100%;}
	#other .other3{ width:100%;}
	#other .other4{ width:100%;}
}

#ntframe .last2{ width:100%; float:left; height:auto; padding-top:20px; font-size:14px;}
#ntframe .last2 a{ margin-right:100px;}
@media screen and (min-width:1px ) and (max-width:768px)
{
	.last a{ margin-right:6%;}
}

#Derived{ border:1px solid #d1d3d4; margin-top:20px; padding:10px;}
#Derivedz{}
#Derivedz h3{ color:#d4680a; font-size:30px; line-height:40px; height:40px;}
#Derivedz p{}
#Derivedi{ text-align:right;}

@media screen and (min-width:1px ) and (max-width:768px)
{
	#Derivedi{ text-align:left;}
}


#feed_remark{ float:left; width:100%; font-size:14px;}
#feed_remark a{ color:red; font-weight:bold;}

#reprotit{ margin:25px 0px; float:left;}
#reprotit h4{ line-height:30px;}
.xgcpname{ text-align:center; line-height:25px;}


#datalist2{ width:100%; float:left; height:1px; border-bottom:1px dashed #e1e1e1;}


/*��Ʒѯ��*/
#FeedbackContext{ float:left; width:100%; padding-top:1%; }
#FeedbackContext ul{ float:left; width:100%;margin:0%;}
#FeedbackContext ul li{ float:left; width:45%; margin-top:10px;list-style:none; margin-right:3%;}
#FeedbackContext ul li span{ width:100%; float:left; color:#000000; padding-left:10px;  padding-right:10px; line-height:35px; font-size:16px;}
#FeedbackContext ul li input.textStyle{ float:left; width:100%; height:2.5em; line-height:2.5em; border:1px solid #d5d5d5; background:none;outline:none; padding:0 10px;}
#FeedbackContext ul li input.textStylecompany{ float:left; width:100%; height:2.5em; line-height:2.5em; background:none; border:1px solid #d5d5d5;outline:none; padding:0 10px;}
#FeedbackContext ul li textarea.textAreaStyle{ float:left; width:100%; background:none; border:1px solid #d5d5d5; line-height:35px; font-family:Arial; color:#333; outline:none; padding:0 10px;}
#FeedbackContext ul li.feed_pro_all{ float:left; width:93%; margin-right:0%;}

#FeedbackContext ul li input.btnFeedProSend{  float:left; font-size:14px; width:200px; height:38px; line-height:38px; font-size:18px; color:#333; text-align:center;  color:#fff; cursor:pointer; background:#333;border:none!important; }

@media screen and (min-width:1px ) and (max-width:768px)
{
#FeedbackContext ul li{ width:100%;}
}


/*�����б�*/
.downtable{width:100%;  border:solid 1px #cccccc;border-left:0px; border-collapse: collapse;}
.downtit1{ width:20%; font-size:14px; font-weight:bold; color:#666; text-align:center;}
.downtit2{width:60%; font-size:14px; font-weight:bold; color:#666; text-align:center;}
.downtit3{width:20%; font-size:14px; font-weight:bold; color:#666; text-align:center;}
.downtable td{ height:30px; font-size:14px;color:#666; border-bottom:solid 1px #cccccc;border-left:solid 1px #cccccc;}
.downtable td a{ font-size:12px; color:#666;  font-weight:bold;line-height:30px;}
.downtable td a:hover{ color:#ea3e00;}
.downtable td a img{ padding-right:5px; padding-top:5px;}
.trdown1{ background:#fff;}
.trdown2{ background:#eeeeee; font-size:14px;}

/*新闻中心*/
#newslist_show img{ width:100%; height:auto; }
#newslist_show h4{ font-weight:bold; color:#666; font-size:16px;}
#newslist_show h4:hover{ text-decoration:underline;}
#newslist_show span{ color:#eba100; line-height:25px;}
#newslist_show p{ color:#777;}
#newslist_show .list-group{ border-bottom:solid 1px #ddd;}


#date_num{ line-height:35px;}

#pre_next dt{ width:auto;}
#pre_next dd{ margin-left:0px;}

#con_show_list{ font-size:14px; line-height:35px;}
#con_show_list img{ margin-top:9px; }
#contactimg { text-align:right;}
#contactimg img{ max-width:100%; height:auto;}
@media screen and (min-width:1px ) and (max-width:768px)
{
	#contactimg{ text-align:left; margin-bottom:20px;}
}

#contactform{}
#contactform


/*��վ��ͼ*/
#sitemapnav {float:left; width:100%;padding:4%;  border:solid 1px #dddddd; box-shadow:20px 20px 20px -20px #ccc; position:relative; border-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; behavior: url(../css/ie-css3.htc); behavior: url(../css/PIE.htc);}
#sitemapnav li{  list-style:none;}
#sitemapnav a{ color:#666666; text-decoration:underline;}
#sitemapnav .fontbig {	width:100% !important;}
#sitemapnav .bigli{float:left;	width:100%;  line-height:35px;font-size:14px;}
#sitemapnav .bigli a {color:#666;text-decoration:underline; font-weight:bold;}
#sitemapnav .bigli a:hover {color:#da261d;}
#sitemapnav .abli_02{ float:left;width:18%;margin-left:5%;font-size:12px; height:30px; line-height:30px; overflow:hidden; display:inline;font-weight:normal; }
#sitemapnav .abli_02 a:hover{color:#da261d;}
.jiange{ float:left; 	width:100%;  height:2px; border-bottom:solid 1px #d2d2d2; }


.probigclass {padding-left:50px;}
#sitemapnav .PROclass_01 { float:left;width:95%;margin-left:5%; font-size:14px; line-height:30px; display:inline;font-weight:bold; }
#sitemapnav .PROclass_02 { float:left;width:90%;margin-left:8%;font-size:14px; height:22px; line-height:22px;  overflow:hidden;display:inline;font-weight:normal; }

#sitemapnav .PROclass_01 a{  color:#666;}
#sitemapnav .PROclass_02 a{ color:#666666;}
#sitemapnav .PROclass_01 a:hover{ color:#da261d;}
#sitemapnav .PROclass_02 a:hover{ color:#da261d;}

#sitemapnav .PROclass_03 { float:left;width:40%;margin-left:10%;color:#666666;font-size:12px;display:inline; line-height:20px;}
#sitemapnav .PROclass_04 { float:left;width:40%;margin-left:10%;display:inline;}

#thankyou_show{ line-height:25px; font-size:14px;}


/*��Ƶ��ϸҳ*/
#videocontent { margin-bottom:25px;}
#videocontent iframe{ float:left; width:100%; min-height:280px;}
#video_detail_show{ line-height:25px;}
#video_detail_show span{ line-height:30px;}



/*Feedback*/
#feed_remark_show{ font-size:16px; line-height:30px;}
#feed_remark_show img{ width:100%; height:auto;}

.feedbackUL{ width:100%; margin-bottom:3%;}
.feedbackUL li{  width:100%;}
.feedbackUL li span{  width:100%; font-size:14px; color:#555; line-height:25px;}
.feedbackUL li span em{ color:red;font-size:18px;}
.feedbackUL li input.feedinput{ width:98%; border:solid 1px #C5C5C5; height:30px;font-family:Open Sans;  background:#fff;}
.feedbackUL li textarea{ width:98%; border:solid 1px #C5C5C5; height:150px; font-family:Arial;background:#fff;}
.feedbackUL li input.feedbtn{  width:127px; height:29px; background:url(../images/btn_send.jpg) no-repeat left top; text-align:center; line-height:29px; color:#fff; font-size:14px; font-family:Verdana; border:0px; cursor:pointer;}



/*网站地图*/
.sitemap{ width:100%; float:left; height:auto;}
.sitemap .BigNav{ width:100%; float:left; height:auto; padding:10px 0; background:url(../images/inewsli2.png) no-repeat left center; text-indent:1em;}
.sitemap .TwoNav{ padding:0 10px; float:left; height:auto; padding-left:10px;}

.sitemap .category{ width:80%; float:left; height:auto; padding-left:15px; padding-bottom:10px; background:url(../images/inewsli.jpg) no-repeat 7px 7px;}
.sitemap .stuff{ width:30%; float:left; height:auto; padding-left:20px; padding-bottom:5px;}
@media screen and (max-width:750px)
{
	.sitemap .TwoNav{ width:45%;}
	.sitemap .stuff{ width:45%;}
	
	#pframe{ padding-bottom:40px;}
	#pframe .container{ width:100% !important;}
	.ipti,.iptp{ display:none;}
	#pframe .col-xs-6:nth-child(2n-1){ clear:left;}
}