@charset "utf-8";

body{ font-family: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:Arial, Helvetica, sans-serif;font-size:12px;}
input{font-family:Arial, Helvetica, sans-serif; border:0;}


#header{ background:url(../images/1_01.jpg) repeat-x left top;}

#headtel{ line-height:48px; color:#eee;}
#headtel img{ padding:0 10px;}
#headtel a{ color:#eee;}
#headtel a:hover{ color:#7e7e7e;}
#headtel span{ float:right;}

#logo{ text-align:left; padding:5px 0 1px 0; margin-left:-70px;}
#logo img{ max-width:100%;}
#suo{}
#suo a{ float:left; padding:40px 15px 0 0;}
@media screen and (min-width:1px) and (max-width:750px)
{
	#logo{ text-align:center; margin:0;}
	#logo img{ width:inherit}
	#headtel span{ float:left;}
	#yun{ text-align:center;}
	#yun a{ padding:0 5px;}
}

.ssou{ width:269px; float:right; height:36px; background:url(../images/1_12.jpg) no-repeat; }
.key{ width:204px; float:left; padding-left:10px; height:36px; line-height:56px; border:0px; background:none;}
.sub{ width:65px; float:left; height:36px; background:none; border:0; cursor:pointer;}

#navshow{ float:left;}
#navshow .nav>li>a { position: relative; display: block; color:#fff; font-size:16px; text-transform:uppercase; margin-top:10px;}
@media screen and (min-width:1440px )
{
   #navshow  .nav > li > a {padding:0px 10px;}
}
@media screen and (min-width:1230px ) and (max-width:1440px)
{
   #navshow  .nav > li > a {padding:0px 11px;}
}
@media screen and (min-width:1024px ) and (max-width:1230px)
{
    #navshow  .nav > li > a {padding:0px 6px; font-size:14px;}
}
@media screen and (min-width:768px ) and (max-width:1024px)
{
    #navshow .nav > li > a {padding:0px 1px; font-size:12px;} 
	#logo{ text-align:left; padding:5px 0 1px 0; margin-left:-30px;}
}
@media screen and (min-width:1px) and (max-width:768px)
{
	#navshow .nav > li > a{ color:#333;}
}
@media screen and (min-width:1px) and (max-width:768px)
{
	#navshow{ float:none;} 
}

.dropdown-submenu {
            position: relative;
        }
        .dropdown-submenu > .dropdown-menu {
            top: 0;
            left: 100%;
            margin-top: -6px;
            margin-left: -1px;
            -webkit-border-radius: 0 6px 6px 6px;
            -moz-border-radius: 0 6px 6px;
            border-radius: 0 6px 6px 6px;
        }
        .dropdown-submenu:hover > .dropdown-menu {
            display: block;
        }
        .dropdown-submenu > a:after {
            display: block;
            content: " ";
            float: right;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid;
            border-width: 5px 0 5px 5px;
            border-left-color: #ccc;
            margin-top: 5px;
            margin-right: -10px;
        }
        .dropdown-submenu:hover > a:after {
            border-left-color: #fff;
        }
        .dropdown-submenu.pull-left {
            float: none;
        }
        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }

#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;}



#abframe{ background:url(../images/1_13.jpg) no-repeat top center; background-size:100% 100%; height:562px;}
#abframe b{ text-align:center; padding:40px 0 0 0;}
#abframe b img{ max-width:100%;}
#abframe p{ padding:100px 420px 0 128px; color:#fff; text-align:left; font-size:16px; line-height:30px; overflow:hidden; max-height:380px;}
@media screen and (min-width:1px) and (max-width:750px)
{
	#abframe p{ padding:120px 0 0 0; line-height:20px}
}

#prframe{ background:url(../images/1_15.jpg); padding-top:40px; padding-bottom:20px;}
#prframe b{ text-align:center;}
#prframe b img{ max-width:100%;}


.ipto{ width:100%; float:left; height:auto; margin-bottom:15px; margin-top:50px;}
.ipti{ width:100%; float:left; height:auto; position:relative;}
.ipti img{ width:100%; float:left; height:auto; z-index:9}
.iptihover{ width:100%; float:left; height:100%; position:absolute; z-index:10; top:0px; left:0px; background:#272727 url(../images/1_18.png) no-repeat center center; filter:alpha(opacity=80); /*IE滤镜，透明度50%*/ -moz-opacity:0.8; /*Firefox私有，透明度50%*/ opacity:0.8;/*其他，透明度50%*/ display:none;}
.iptihover a{ width:100%; float:left; height:100%; }
.iptz{ width:100%; float:left; height:40px; line-height:40px; font-size:16px; background:url(../images/1_17.jpg) no-repeat right center #171717; padding:0 10px; overflow:hidden;}
.iptz a{ color:#fff;}
.ipto:hover .iptihover{ display:block;}

.iptomore{ margin-top:30px;}

.effect{ width:100%; float:left; height:auto; position:relative; margin-top:40px;}

/* 通用图片列表_普通式 */ 
.picList li{ width:208px;  } 
.picList .pic{ text-align:center; line-height:0px;  } 
.picList .pic img{ width:204px; height:122; padding:2px; border-radius:10px;} 
.picList .pic a:hover img{ border-color:#f00;  } 
.picList .title{ line-height:24px;   } 
 
/* 多个左滚动 - 公用类 */ 
.leftLoop{ overflow:hidden; position:relative;}
.leftLoop .hd .prev{ width:24px; height:37px; line-height:38px; float:left; position:absolute; left:15px; top:48px; overflow:hidden; cursor:pointer; background:url("../images/icoLeft.png") no-repeat;}
.leftLoop .hd .next{ width:24px; height:37px; line-height:38px; float:right; position:absolute; right:15px; top:48px; overflow:hidden; cursor:pointer; background:url("../images/icoRight.png") no-repeat;} 
.leftLoop .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  } 
.leftLoop .hd ul li.on{ background:#f00;  } 
.leftLoop .bd{ padding:10px;   } 
.leftLoop .bd ul{ overflow:hidden; zoom:1; } 
.leftLoop .bd ul li{ margin:0 25px; text-align:center; float:left;display:_inline;  } 


#footer{ background:url(../images/1_21.jpg) left top; padding-top:50px; background-size:100% 100%;}

.nf{ width:100%; float:left; height:auto; margin-bottom:15px;}
.nf b{ width:100%; float:left; height:auto; font-size:16px; color:#fff; font-weight:inherit; font-weight:normal; padding-bottom:20px; text-transform:uppercase; background:url(../images/1_22.jpg) no-repeat left bottom; margin-bottom:15px;}
.nf li{ width:100%; float:left; height:auto; line-height:20px; font-size:14px; color:#fff;}
.nf li a{ color:#fff;}
.nf li a:hover{ padding-left:10px;}

.nf1{ width:100%; float:left; height:auto; margin-bottom:15px;}
.nf1 dl{ width:50%; float:left; height:auto;}
.nf1 dd{ width:37px; float:left; height:37px; margin-right:10px; margin-top:50px;}



#copy{ font-size:13px; color:#fff; background:url(../images/1_32.jpg); border-top:1px solid #282828; line-height:20px; padding:20px 0; text-align:center;}
#copy a{ color:#fff;}
#copy a:hover{ color:#666;}
#copy span{ float:right;}

@media screen and (min-width:1px ) and (max-width:750px)
{
	#footer{ padding-top:100px}
}

#banne{}
#banne img{ width:100%;}
#ntframe{ padding:20px 0; margin-bottom:30px;}
#left{ width:100%; float:left; height:auto; margin-bottom:2%;}

.lbt{ display:block;  padding:10% 0%; background:#183ea0;}
.lbt strong{ padding-left:8%;  font-size:18px; color:#fff; }
.lbt strong img{ margin-right:3%;}

.lmb ul li { width:100%; float:left; border:1px solid #ccc; background:#fff; }
.lmb ul li a{  display:block; padding:3% 0% 3% 7%; font-size:14px;  text-transform:capitalize; color:#333;overflow:hidden; display:block; border-bottom:solid 1px #eeeeee; }
.lmb ul li a:hover{color:#183ea0; font-weight:bold;}
.lmb ul li a.current{color:#183ea0; font-weight:bold;}

.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;}


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


/*������*/
#rbt{ display:block;  text-align:left; float:left; width:100%;}
#rbt h3{ color:#183ea0; text-align:left;}
.more{ font-size:12px; line-height:30px;color:#666666;}
.more a{color:#666666;}
.more a:hover{color:#183ea0;}

#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);}

#pro_list_show .row{display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;}


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

/*��Ʒ����*/
.rtp{ width:98%; height:auto; }
.rtp a{ float:left; width:100%; height:auto;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; margin-bottom: 20px;}
#productcanshu{ float:left; width:100%; overflow:hidden; font-size:14px; color:#999; }
#productcanshu>p{ width: 100%; float: left; height: auto; line-height: 20px; margin-bottom: 20px;}
#productcanshu>p>b{ width: 50%; float: left;}
#productcanshu>p>span{ width: 50%; float: left;}

.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);}




#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;}




#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;}


/*��Ʒѯ��*/
#FeedbackContext{ float:left; width:100%; padding-top:1%; }
#FeedbackContext ul{ float:left; width:100%;margin:0%;}
#FeedbackContext ul li{ float:left; width:45%; border:solid 1px #cccccc; line-height:2.5em; margin-top:10px;list-style:none; margin-right:3%;}
#FeedbackContext ul li span{ float:left; color:#000000; padding-left:10px;  padding-right:10px; line-height:30px; font-size:16px;}
#FeedbackContext ul li input.textStyle{ float:left; width:75%; height:2.5em; line-height:2.5em; border:0px; background:none;  outline:none}
#FeedbackContext ul li input.textStylecompany{ float:left; width:55%; height:2.5em; line-height:2.5em; border:0px; background:none; outline:none}
#FeedbackContext ul li textarea.textAreaStyle{ float:left; width:80%; background:none; border:0px; line-height:35px; font-family:Arial; color:#333; resize:none}
#FeedbackContext ul li textarea:focus{outline:none;border:0;}
#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 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 img{ width:100%; height:auto;}

/*��վ��ͼ*/
#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{ width:18%; 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%;}
}