@charset "utf-8";
/* CSS Document */

/*字体嵌入*/
@font-face {
	font-family: 'PinkSans';
	src: url('../fonts/PinkSans-100.eot');
	src: url('../fonts/PinkSans-100.eot?#iefix') format('embedded-opentype'),
             url('../fonts/PinkSans-100.woff') format('woff'),
             url('../fonts/PinkSans-100.ttf')  format('truetype'),
             url('../fonts/PinkSans-100.svg#PinkSans') format('svg');
	font-weight:normal;
	font-style:normal;
}


body,dl,dd,ul,ol,h1,h2,h3,form,p,h4,h5,form,img{margin:0;padding:0;}
body{ overflow-x:hidden; font-family:"Arial"; width:100%;}
a{text-decoration:none; cursor:pointer;}
ul,ol,li{list-style:none; }
img{ border:0}
.clear{ clear:both}



/*header stars*/
#wrap{ width:100%;}
#top{ width:100%; overflow:hidden; position:absolute; top:0px;}
#header{ width: 100%; height: 592px; position: relative; overflow: hidden;}
#header_background{ width:1920px; height: 400px; overflow: hidden; position: absolute; left: 50%; margin-left: -960px; background:url(../images/Public/header.png) no-repeat; }
.header_main{ width:1000px; height:109px; margin:0px auto;}
.logo{ width:330px; height:100px; float:left;}
.header_center{ width:530px; height:100px; float:right;}
.header_top{ width:785px; height:60px;}
.header_top p{height:60px; font-size:24px; color:#259620; font-family:PinkSans; line-height:60px; background:url(../images/Public/tel.png) no-repeat; background-position:0px; padding-left:30px; letter-spacing:1px; margin-left:560px;}


.seach{ width:228px; height:19px; float:left; padding-top:10px; padding-left:313px; margin-bottom:4px;}
.cearch_bj{ width:200px; height:19px; background:url(../images/search_bj.png) no-repeat; float:left; /*padding-left:8px;*/}
.cearch_bj select{ border:none; background-color:transparent; float:left; height:19px; line-height:19px; color:#999; font-size:12px; }
.cearch_bj select option{ line-height:19px;}
.search_text{ width:130px; height:17px; float:left; border:none;  background-color:transparent;}
.search_button{ width:27px; height:19px; background:url(../images/search.png) no-repeat; border:0px; float:left;}


#navmenu{font-family:PinkSans; position:relative; z-index:10; width:525px; margin:0 auto; height:53px; padding-top:4px; float:left; }
#navmenu ul{ height:53px; width:525px;}
#navmenu ul li {float:left; height:53px; line-height:53px; position:relative; margin-right:39px;}
#navmenu ul li:last-child{ margin-right:0px; float:right;}
#navmenu ul li a{ color:#333; font-size:20px; background:url(../images/jiantou.png) no-repeat right center; padding-right:20px;}
#navmenu ul li a:hover{ color:#C52225;}

#navmenu ul li ul{position:absolute; top:40px; width:140px; display:none; z-index:999px; padding-top:18px; }
#navmenu ul li ul li {background:#014b96; float:left;border-bottom:1px #ffffff solid; display:block;  height:38px; display:block;  margin:0px auto;filter:alpha(opacity=90);opacity:.9;-moz-opacity:.9;}
#navmenu ul li ul li a{float:none; color:#ffffff; display: block; font-size: 18px; line-height:30px;  height:38px; line-height:38px; margin:0px auto;}
#navmenu ul li ul li a:hover{background:#013f7e; color:#FFF;filter:alpha(opacity=90);opacity:.9;-moz-opacity:.9;}
#navmenu ul li ul li ul{position:absolute;top:0;width:100px; background:#3a3a3a; filter:alpha(opacity=90);opacity:.9;-moz-opacity:.9;display:none;}
#navmenu ul li ul li ul li{background:none;float:left; border-bottom:1px #535252 solid; display:block; width:100px;}
#navmenu ul li ul li ul li a{float:none; color:#333;display: block;font-size: 14px;line-height:30px;width:100px;}
#navmenu ul li ul li ul li a:hover{background:#900;}
#divSmallBox{ overflow:hidden; *display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}

#banner { width: 100%; height: 613px; position: relative; overflow: hidden;}
#playBox { width: 1920px; height: 613px; overflow: hidden; position: absolute; left: 50%; margin-left: -960px; }
#playBox .oUlplay {width:99999px; position:absolute; left:4px; top:0;}
#playBox .oUlplay li{ float:left; width:1920px; overflow:hidden;}
#playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(../images/l.png) no-repeat; position:absolute; top:330px; left:220px; z-index:10;}
#playBox .next{ cursor:pointer; width:45px; height:45px; background:url(../images/r.png) no-repeat; position:absolute; top:330px; right:220px; z-index:10;}
#playBox .smalltitle { width: 1920px; height:20px; position:absolute; bottom:85px; z-index:10; margin:0px auto;}
#playBox .smalltitle ul{ width:84px; margin:0 auto; height:10px;}
#playBox .smalltitle ul li{ width:9px; height:9px; margin:0 5px; background:#D7D8DC; border-radius:9px; -webkie-border-radius:9px; -moz-border-radius:9px; -ms-border-radius:9px; border:1px solid #B5B7BD; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:-webkit-gradient(linear, 0 0, 0 100%, from(#FF2323), to(#4E0A06));/*Webkit*/}
#playBox .smalltitle .thistitle{ background:-moz-linear-gradient(top, #FF2323,#4E0A06);/*Mozilla*/}
#playBox .smalltitle .thistitle{ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF2323,endColorstr=#4E0A06,grandientType=1);/*IE*/}

#pinpai{ width:1000px; height:44px; margin:0px auto;}
.pinpai_left{ width:263px; height:44px; float:left; position:relative; bottom:-548px; left:113px; background:url(../images/pinpai1.png) no-repeat;}
.pinpai_right{ width:263px; height:44px; float:right; position:relative; bottom:-548px; right:113px; background:url(../images/pinpai2.png) no-repeat;}
.pinpai_left:hover{ background:url(../images/pin_pai1.png) no-repeat;}
.pinpai_right:hover{ background:url(../images/pin_pai.png) no-repeat;}

#in_product{ width:1000px; margin:0px auto; padding-top:25px; padding-bottom:25px; overflow:hidden;}
#colee_left1 td{ width:155px; height:230px;  margin:0px 10px;}
#colee_left1 td span{ width:155px; height:33px; background:#B5B5B5; display:block; line-height:33px; text-align:center; color:#333;}
#colee_left2 td{ width:155px; height:230px;  margin:0px 10px;}
#colee_left2 td span{ width:155px; height:33px; background:#B5B5B5; display:block; line-height:33px; text-align:center; color:#333;}
#demo td{ width:155px; height:230px;  margin:0px 10px;}
#demo td span{ width:155px; height:33px; background:#B5B5B5; display:block; line-height:33px; text-align:center; color:#333;}


#in_mian{ width:100%; overflow:hidden; border-top:7px solid #C50117;}
#in_mian_center{ width:100%; height:218px; background:url(../images/in_bj.jpg) repeat-x;}
.in_center{ width:1000px; overflow:hidden; margin:0px auto; padding-top:28px;}
.in_about{ width:280px; height:144px; float:left;}
.in_about_bt{ width:280px; height:37px; }
.in_about_bt h3{ font-size:18px; color:#FFF; font-weight:normal; float:left;}
.in_about_bt a{ font-size:18px; color:#FFF; float:right;}
.in_about_bt a:hover{ color:#C50117;}
.in_about p{ font-size:12px; color:#CCC; font-family:Arial; line-height:16px; word-break:break-all; margin-bottom:12px;}

.in_news{  width:300px; height:144px; float:left; margin:0 37px;}
.in_news dl{ width:300px; overflow:hidden; margin-bottom:14px;}  
.in_news dl dt{ width:49px; height:45px; float:left;}
.in_news dl dd{ width:245px; overflow:hidden; float:right;}
.in_news dl dd h3{ font-size:12px; font-weight:normal; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:245px; height:18px;}
.in_news dl dd h3 a:hover{ color:#c50117;}
.in_news dl dd h3 a{  color:#dad9d9;}
.in_news dl dd p{ font-size:12px; color:#9a9a9a; width:245px; height:15px; font-weight:normal; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.in_news dl dd span{ font-size:12px; color:#858585; width:auto; overflow:hidden; display:block; margin-right:20px; float:left;}
.in_news dl:last-child{ margin-bottom:0px;}

.in_contact{ width:317px; height:144px; float:right;}
.in_contact_bj{ width:317px; height:106px; background:url(../images/in_contact.png) no-repeat; padding-top:10px;}
.in_contact_bj dl{ width:300px; margin:0px auto; overflow:hidden; margin-bottom:5px;}
.in_contact_bj dl dt{ float:left; margin-right:8px;}
.in_contact_bj dl dd{ font-size:12px; color:#FFF;}
.in_contact_center{ width:290px; margin:0px auto;}
.in_contact_center img{ margin-right:4px;}

#footer{ width:100%; height:45px; background:#000000;}
.footer_mian{ width:1000px; height:45px; margin:0px auto;}
.footer_mian p{ color:#8a8a8a; font-size:12px; line-height:45px; float:left;}
.footer_mian ul{ float:right;}
.footer_mian ul li{ float:left; height:45px; line-height:45px; font-size:12px; margin:0px 8px; }
.footer_mian ul li a{ color:#8a8a8a;}
.footer_mian ul li a:hover{ color:#c50117;}


#headera{ width: 100%; height: 123px; border-bottom:4px solid #c50117;}
#header_background{ width:1920px; height: 123px; overflow: hidden; position: absolute; left: 50%; margin-left: -960px;  }
.header_maina{ width:1000px; height:109px; margin:0px auto;}



#center{ width:100%; overflow:hidden; background:#F8F8F8;}
#center_cen{ width:1198px; border-left:1px solid #E6E6E6; border-right:1px solid #E6E6E6; margin:0px auto; background:#FFF; overflow:hidden; padding-top:50px; padding-bottom:70px;}
.Inside{ width:1000px; overflow:hidden; margin:0px auto;}
.about{ width:1000px; overflow:hidden;}
.about_left{ width:188px; overflow:hidden; float:left;}
.Inside_bt{ width:188px; height:188px; height:76px; background:#EDEDED; margin-bottom:2px;}
.Inside_bt h3{ height:45px; padding-left:15px; line-height:45px; font-size:22px; text-transform:uppercase; padding-top:5px;}
.Inside_bt p{  padding-left:15px; font-size:12px; text-transform:uppercase; color:#454545;}
.about_left dl{ width:188px; overflow:hidden;}
.about_left dt{ width:173px; height:33px; margin-bottom:2px;background:#D5D5D5; padding-left:15px; line-height:33px; font-weight:bold; text-transform:uppercase;}
.about_left dd a{ width:173px; height:33px; font-size:14px; background:#EDEDED; margin-bottom:2px; line-height:33px; padding-left:15px; color:#454545; text-transform:uppercase; font-size:14px; display:block;}
.about_left dd a:hover{ background:#FFF; color:#c50117;}

.about_right{ float:right; width:775px; overflow:hidden;}
.Inside_right_bt{ padding-bottom:32px; width:775px; overflow:hidden;}
.Inside_right_bt p{ font-size:36px; font-weight:bold; color:#000; background:url(../images/royaltyre_s1.jpg) no-repeat; padding-left:248px; height:50px; line-height:56px; text-transform:uppercase;}
.Inside_right_mian,.about_main{  width:775px; overflow:hidden;}
.about_main p{ font-size:12px; line-height:22px; margin-bottom:25px; word-break:break-all;}

.qiehuan{ width:775px; overflow:hidden; margin-top:40px;}
.tab1{width:775px;border-top:#cccccc solid 1px;  margin:0px auto 0 auto;}
.menua{height:28px;}
.menua li{float:left; width:172px;text-align:center; line-height:32px; height:32px;cursor:pointer;border-left:#cccccc solid 1px;color:#FFF;font-size:14px;overflow:hidden;background:#6c6c6c; font-family:Arial; text-transform:uppercase;}
.menua li.off{background:#FFFFFF;color:#000;font-weight:bold;}

.menudiv{ overflow:hidden; width:775px; border-top:0;background:#fefefe; padding-top:14px;}
.culture h4{ font-size:22px; padding-top:24px; text-transform:uppercase; padding-bottom:23px;}
.culture p{ font-size:14px; line-height:22px;}
.Vision h4{ font-size:22px; padding-top:24px; text-transform:uppercase; padding-bottom:23px;}
.Vision p{ font-size:14px; line-height:22px;}
.Honor h4{ font-size:22px; padding-top:24px; text-transform:uppercase; padding-bottom:23px;}
.Honor p{ font-size:14px; line-height:22px;}

.products{ width:775px; overflow:hidden;}
.products ul{ border-left:1px solid #D1D1D1; border-top:1px solid #D1D1D1; overflow:hidden; width:748px; margin-left:3px;}
.products li{ width:186px; height:277px; float:left; border-bottom:1px solid #D1D1D1; border-right:1px solid #D1D1D1;}
.products li span{ height:40px; width:186px; text-align:center; line-height:44px; display:block; }
.products a{ color:#101010; font-weight:bold;}

#fanye{ height:30px;width:775px; margin-top:40px;}
#fanye a{ color:#666; background:#FFF; height:28px; padding:0px 10px; line-height:28px; text-align:center; float:left; font-size:14px; border:1px solid #CCC; margin:0px 3px;}
#fanye a:hover{ color:#333; height:28px; padding:0px 10px; line-height:28px; border:1px solid #c62127; background:#c62127; color:#FFF;}
.currentb { padding:0px 10px; height:28px; display:block;  color:#333; float:left; text-align:center; line-height:28px;   font-size:14px; border:1px solid #c62127; background:#c62127; color:#FFF; margin:0px 3px;}
.fanye_mian{ width:356px; overflow:hidden; margin:0px auto; }

.product_detail{ width:775px; overflow:hidden;}
.product_top{ width:775px; height:208px; border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC; background:#F8F8F8 url(../images/detail_r3_c7_s1.jpg) no-repeat right bottom; margin-bottom:33px;}
.product_left{ width:149px; height:189px; margin-top:12px; margin-left:23px; float:left;}
.product_right{ float:left; padding-left:30px; width:520px; overflow:hidden; padding-top:30px;}
.product_right h3{ font-size:16px; font-weight:bold; background:url(../images/an_s1.jpg) no-repeat 0px; padding-left:25px; margin-bottom:10px;}
.product_right p{ font-size:12px; line-height:20px; color:#6a6a6a;}

.Design{ width:775px; overflow:hidden;}
.Design h3{ font-size:16px; text-transform:uppercase; color:#000; margin-bottom:23px;}
.Design dl{ width:385px; height:98px; border-bottom:1px solid #CCCCCC; padding-bottom:18px; float:left; margin-bottom:18px;}
.Design dt{ width:96px; height:96px; border:1px solid #CCCCCC; float:left;}
.Design dd{ width:270px; height:96px; float:right;}
.Design dd h5{ font-size:14px; margin-top:9px; margin-bottom:17px; overflow:hidden;}
.Design dd p{ font-size:12px; color:#6a6a6a; line-height:18px; width:250px;}

.overview{ margin-top:20px; width:772px; overflow:hidden; border:1px solid #CCCCCC;}
.overview table{ border-top:1px solid #CCCCCC; border-left:1px solid #CCCCCC;}
.overview table td{ border-bottom:1px solid #FFF; border-right:1px solid #FFF; text-align:center; font-size:12px; height:22px; line-height:22px;}

.news dl{ width:740px; overflow:hidden; margin-left:15px; padding:20px 0px;}
.news a{ width:771px; overflow:hidden; border:2px solid #E0E0E0; display:block; margin-bottom:10px;}
.news a:hover{ background:#EDEDED;}
.news dt{ width:740px; overflow:hidden; margin-bottom:15px;}
.news dt p{ font-size:16px; color:#212121; float:left;}
.news dt span{ font-size:12px; float:right; color:#999999;}
.news dd{ font-size:12px; line-height:22px; color:#a1a1a1;}


.contact{ width:775px; overflow:hidden;}
.contact_top{ width:775px; overflow:hidden;}
.contact_top img{ width:700px; height:333px; margin:0px auto; padding-bottom:24px;}
.contact_mian{ width:775px; height:145px; background:#F8F8F8; border-top:1px dashed #CCCCCC; border-bottom:1px dashed #CCCCCC; margin-bottom:35px;}
.contact_mian h3{ font-size:20px; width:775px; text-align:center; height:62px; line-height:62px; margin-top:10px;}
.contact_mian p{ width:775px; text-align:center; color:#666; font-size:14px; line-height:24px;}


.feedback{ width:775px; overflow:hidden;}
.feed_mian{ width:775px; overflow:hidden;}
.feedback_left{ width:342px; overflow:hidden; float:left;}
.feedback_left input{ width:335px; height:30px; border:1px solid #CCCCCC; margin-bottom:8px; text-transform:uppercase; padding-left:5px;}
.feedback_right{ width:399px; overflow:hidden; float:right;}
.feedback_right textarea{ width:388px; height:154px; border:1px solid #CCC; text-transform:uppercase; padding-left:5px; font-family:Arial;}
.feedback_an{ width:775px; height:30px; }
.feedback_an input{ width:773px; height:28px; border:1px solid #CCC; text-transform:uppercase; font-size:14px; background:#F8F8F8; color:#777777;}




/*客服*/

.icon{ background:url(../images/icon.png) no-repeat;}
.qust_contach ul li span.icon{_margin-left:-45px;}

.pst_re{ position:relative}
.qust_contach{ background:#f5f5f5; border:#fff 1px solid; width:125px;padding:1px 5px 10px; font-size:12px; line-height:18px; position:absolute; right:5px; top:15px; z-index:9999;
-webkit-box-shadow: 0 0px 7px rgba(0,0,0,0.3);
   -moz-box-shadow: 0 0px 7px rgba(0,0,0,0.3);
	    box-shadow: 0 0px 7px rgba(0,0,0,0.3);}
@media(max-width:760px){.qust_contach{margin:15px auto;}}
/*close*/
a.qst_close {width:19px; height:22px; overflow:hidden; background-position:-102px -351px; float:right; display:block; margin:-1px -5px 0 0}
a.qst_close:hover{ background-position:-102px -390px;}
/*list*/
.qust_contach h3{ font-size:14px; color:#000; width:110px; height:25px; padding-bottom:25px; margin:0px auto; text-align:center; font-weight:normal; text-transform:uppercase; padding-top:5px;}
.qust_contach p{ color:#999; font-size:14px; width:110px; height:25px; border-bottom:1px dashed #CCC; line-height:25px; text-align:center; margin-left:10px; margin-bottom:10px;}
.qust_contach span{ font-size:20px; color:#c62127;}
.qust_contach ul li{ border-bottom:#d8d8d8 1px solid; border-top:#fff 1px solid; padding:10px 5px; position:relative}
.shouqian,.shouhou,.zixun,.tijian,.yuyue,.suces{ width:110px; height:19px; background:url(../images/group.png) no-repeat; display:block; padding-left:30px; color:#999;}
a.qq{width:75px; height:22px; display:inline-block; background-position:-187px -138px; margin:0 3px}


.suces_btn a{width:53px; height:22px; display:block; float:left; background-position:0 -431px; margin:0 1px; text-align:center; line-height:22px;  font-size:11px; color:#1f495d; font-weight:bold}
.suces_btn a:hover{background-position:0 -463px; cursor:pointer; color:#1a649d; font-weight:normal}

a.qst_info:hover .suces,.qust_contach ul li:hover .suces{ background-position:-100px -462px;}
a.back_top{ width:25px; height:27px; margin:10px 0 10px 45px; background-position:-342px -343px; display:block}
a.back_top:hover,.qust_contach ul li:hover .back_top{ background-position:-342px -394px;}
.qust_show{ background:#f5f5f5; border:#fff 1px solid; width:30px;padding:15px 15px 20px; font-size:12px; line-height:18px; position:absolute; right:10px; top:15px; z-index:9999;
-webkit-box-shadow: 0 0px 7px rgba(0,0,0,0.3);
   -moz-box-shadow: 0 0px 7px rgba(0,0,0,0.3);
	    box-shadow: 0 0px 7px rgba(0,0,0,0.3); text-align:center;font-size:15px; line-height:18px;
		-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.qust_show span.server{background-position:-1px -363px;width:30px; height:30px; display:inline-block; }
.qust_show:hover{ background:#e7edef;}


.qust{ height:26px; margin-left:12px;}
.qust a{ margin-left:3px; margin-right:3px;}