﻿/* top start*/
body,td,th {font-size:14px;}
img, div { behavior: url(/images/iepng/iepngfix.htc); }
body, div, p,img,dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote {padding:0px;margin:0px;}
.FontRed{color:#FF0000;}
h3{font-size:14px;}
li{list-style-type:none;}
img{border:0;}
.gray{color:#666666;}
a{color:#666;text-decoration:none;}
a:hover {text-decoration:none;}
a:active{text-decoration:none;}

.LineLink a{text-decoration:none;}
.LineLink a:hover {text-decoration:none;}

.ColorLink a {color:#0a519f;}
.ColorLink a:hover {color:#0a519f;}

.WidthTab{width:10px;height:1px;float:left;}
.WidthTab2{width:40px;height:1px;float:left;}	
.HeightTab{height:20px;width:1px;overflow:hidden;}


p{line-height:180%;}
.ListDate{color:#666666;}

body{font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;}

#wrapper{width:100%;margin:auto;padding:0px 0px;}
#wrapper #head{width:100%;height:80px;margin:auto;padding:0px 0px;background:url("/images/MyCMSBlue/bg.png") repeat-x left top;}
#wrapper #head .top{width:1200px;margin:auto;}
#wrapper #head .top .logo{float:left;width:300px;padding-top:10px;}
#wrapper #head .top .left{float:left;width:400px;padding-left:460px;}
#wrapper #head .top .right{float:right;width:28px;padding-top:26px;}
/* navs*/
#wrapper #head .top .left #NavLink{width:400px;height:80px;float:left;}
#wrapper #head .top .left #NavLink .NavBG{width:400px;height:80px;position:absolute;z-index:3;}		
#wrapper #head .top .left #NavLink #sddm{width:400px;margin:auto;z-index:4;}
#wrapper #head .top .left #NavLink #sddm li{float:left;}
#wrapper #head .top .left #NavLink #sddm li a{display:block;width:100px;color:#fff;text-align:center;line-height:80px;font-size:18px;font-weight:bold;}
#wrapper #head .top .left #NavLink #sddm li a:hover{text-decoration:none;color:#ff7d5f;}
	
#wrapper #body{margin:auto;width:100%;padding:0px 0px;}

/*footer*/
#footer {width:100%;height:200px;margin:auto;background:url("/images/MyCMSBlue/footerbg.png") repeat-x left top;}

#footer .links {width:1200px;margin:auto;padding-top:25px;}
#footer .links .title{font-size:25px;color:#fff;line-height:30px;font-weight:bold;text-align:center;}
#footer .links .title a{color:#fff;}
#footer .links .title a:hover{color:#ff7d5f;}
#footer .links .content{font-size:16px;margin-top:10px;}
#footer .links .content .p-item{color:#fff;text-align:center;line-height:35px;}
#footer .links .content .p-item a{color:#fff;line-height:35px;}
#footer .links .content .p-item a:hover{color:#ff7d5f;}
#footer .links .intro{float: left;width:400px;}
#footer .links .sales{float: left;width:400px;}
#footer .links .service{float:right;width:400px;}

#footer .inner{width:1200px;margin:auto;text-align:center;}
#footer .inner p{line-height:60px;color:#fff;font-size:13px;}
#footer .inner p a{color:#fff;}

#wrapper .t_page{padding:10px;text-align:center;font-size:12px;line-height:25px;}	
#wrapper .t_page a{padding:2px 5px;border:1px solid #DEDEDC;margin:0px 3px;}


#FocusBG{width:100%;height:650px;overflow:hidden;}
.fullSlide {width:100%;position:relative;height:650px;background:#000;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {height: 650px;width:100%;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:650px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:35px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;zoom:1;width:15px;height:15px;margin-left:14px;overflow:hidden;background:#c5b4e2;filter:alpha(opacity=100);opacity:1.0;line-height:999px;}
.fullSlide .hd ul .on {background:#ff7d5f;}


.AboutBlock {width:100%;height:611px;padding:20px 0;}
.AboutBlock .about {width:1200px;margin:auto;}
.AboutBlock .about .left {width:600px;height:611px;float:left;}
.AboutBlock .about .right {width:560px;height:611px;float:right;}
.AboutBlock .about .right .c-title {width:100px;height:65px;line-height:65px;font-size:25px;color:#656565;font-weight:bold;text-align:left;border-bottom:8px solid #ff7d5f;}
.AboutBlock .about .right .c-info {font-size:15px;padding-top:10px;color:#a2a2a2;line-height:30px;}


.NewsBlock {width:100%;height:550px;padding:30px 0;background:#f7f7f7;}
.NewsBlock .about {width:1200px;margin:0 auto;}
.NewsBlock .about .title {float:left;margin-left:550px;width:100px;height:65px;line-height:65px;font-size:25px;color:#656565;font-weight:bold;border-bottom:8px solid #ff7d5f;}

/*ArticleList*/	
.NewsBlock .about .ArticleList{font-size:14px;margin-top:20px;}
.NewsBlock .about .ArticleList ul li{float:left;width:400px;height:437px;}
.NewsBlock .about .ArticleList ul li img{float:left;width:380px;height:264px;}
.NewsBlock .about .ArticleList ul li img:hover{opacity:0.6;}                                            
.NewsBlock .about .ArticleList ul li .info{float:left;width:380px;}
.NewsBlock .about .ArticleList ul li .info .newstitle{width:380px;float:left;margin-top:10px;font-size:15px;font-weight:bold;height:40px;line-height:40px;}
.NewsBlock .about .ArticleList ul li .info .newstitle a{color:#ff7d5f;}
.NewsBlock .about .ArticleList ul li .info .newstitle a:hover{color:#c5b4e2;}
.NewsBlock .about .ArticleList ul li .info .newstime{width:380px;float:left;color:#a2a2a2;font-size:14px;height:25px;line-height:25px;}
.NewsBlock .about .ArticleList ul li .info .newscontent{width:380px;float:left;color:#a2a2a2;font-size:14px;line-height:22px;}


.FeedbackBlock {width:100%;height:420px;padding:30px 0;}
.FeedbackBlock .about {width:1200px;margin:auto;}
.FeedbackBlock .about .title {float:left;margin-left:550px;width:100px;height:65px;line-height:65px;font-size:25px;color:#656565;font-weight:bold;text-align:center;border-bottom:8px solid #ff7d5f;}
.FeedbackBlock .about .FeedBack {width:580px;float:left;color:#a2a2a2;}
.FeedbackBlock .about .contact {width:600px;height:405px;float:right;background:url("/images/MyCMSBlue/contactbg.png") no-repeat;color:#a2a2a2;}
.FeedbackBlock .about .contact  .content{padding-top:60px;}
.FeedbackBlock .about .FeedBack .commentbox{padding-top:10px;}	
.FeedbackBlock .about .FeedBack .commentbox #commentform td{height:40px;}
.FeedbackBlock .about .FeedBack .commentbox #commentform input{height:25px;line-height:25px;}
.FeedbackBlock .about .FeedBack .commentbox #commentform .Cbutton{width:92px;height:30px;line-height:30px;background:#ff7d5f;border:none;color:#fff;font-size:13px;cursor:pointer;}



#body .InnerBanner{width:100%;height:300px;overflow:hidden;background:url("/images/MyCMSBlue/inner-banner.jpg") no-repeat center center;}
#body .InnerBanner .content{width:1200px;margin:auto;}
#body .InnerBanner .content .location{width:140px;text-align:left;color:#656565;font-size:35px;font-weight:bold;height:70px;line-height:70px;padding-top:90px;border-bottom:8px solid #ff7d5f;}
#body .InnerBanner .content .position{width:1200px;text-align:left;font-size:18px;color:#ff7d5f;height:60px;line-height:60px;}
#body .InnerBanner .content .position a{color:#656565;text-decoration:none;}
#body .InnerBanner .content .position a:hover{color:#ff7d5f;}
#body .InnerBanner .content .position span{color:#ff7d5f;}

#body .inner{width:1200px;margin:auto;padding-top:10px;}

#body .inner .position {width:1200px;margin:auto;padding-bottom:10px;}

#body .inner .Sbox{width:1200px;font-size:16px;}
#body .inner .Sbox .blank ul {width:300px;padding:0px 0px;margin:auto;}
#body .inner .Sbox .blank ul li{cursor:pointer;float:left;}
#body .inner .Sbox .blank .current a{color:#b93425;border-bottom:4px solid #b93425;}
#body .inner .Sbox .blank ul li a{display:block;width:150px;height:55px;line-height:55px;font-weight:bold;color:#333;border-bottom:3px solid #e7e7e7;text-align:center;}	
#body .inner .Sbox .blank ul li a:hover{color:#b93425;border-bottom:4px solid #b93425;text-decoration:none;}

#body .inner .main{padding:0px 0px;font-size:12px;}

/*content*/
#body .inner .main .content .title h3{padding-bottom:5px;text-align:center;font-size:25px;font-weight:bold;color:#666;}
#body .inner .main .content .infos{font-size:14px;height:45px;line-height:45px;color:#666666;text-align:center;}
#body .inner .main .content .maincontent{font-size:12px;}
#body .inner .main .content .maincontent p{padding:5px 0px;}

#body .inner .main .content .download{background:url("/images/MyCMSBlue/downicon.gif") no-repeat 15px 7px;padding-left:55px;border:1px solid #F5F5F5;line-height:40px;font-size:14px;font-family:Arial, Helvetica, sans-serif;margin:10px 0px;}

#body .inner .main .content .prenext{padding:10px 0px;margin-top:10px;}
#body .inner .main .content .prenext ul li{line-height:30px;background:url("/images/MyCMSBlue/jiantou.gif") no-repeat 0px 1px;padding-left:15px;}				

				
/*ArticleList*/	
#body .inner .main .ArticleList{font-size:14px;}
#body .inner .main .ArticleList ul li{float:left;width:389px;height:437px;margin-top:7px;margin-bottom:7px;margin-left:5px;margin-right:6px;background:url("/images/MyCMSBlue/newsbg.png") no-repeat left top;}
#body .inner .main .ArticleList ul li img{float:left;margin-top:20px;margin-left:15px;width:360px;height:230px;}
#body .inner .main .ArticleList ul li img:hover{opacity:0.6;}                                            
#body .inner .main .ArticleList ul li .info{float:left;margin-left:15px;width:360px;}
#body .inner .main .ArticleList ul li .info .newstitle{width:360px;float:left;margin-top:10px;font-size:15px;font-weight:bold;height:40px;line-height:40px;}
#body .inner .main .ArticleList ul li .info .newstitle a{color:#ff7d5f;}
#body .inner .main .ArticleList ul li .info .newstitle a:hover{color:#c5b4e2;}
#body .inner .main .ArticleList ul li .info .newstime{width:360px;float:left;color:#a2a2a2;font-size:14px;height:25px;line-height:25px;}
#body .inner .main .ArticleList ul li .info .newscontent{width:360px;float:left;color:#a2a2a2;font-size:14px;line-height:22px;}


/* recruit */
#body .inner .main .RecruitList{}
#body .inner .main .RecruitList td{line-height:35px;border-bottom:1px solid #CCC;font-size:12px;}	
#body .inner .main .RecruitList .Rtitle{background:#F5F5F5;color:#ff7d5f;font-size:15px;padding-left:10px;height:45px;line-height:45px;}
#body .inner .main .RecruitList .Rtitle span{text-align:right;font-size:13px;}


#body .inner .main .content .CaseBlock li{width:330px;float:left;padding-left:10px;}
#body .inner .main .content .CaseBlock .Cimg a{display:block;border:1px solid #F5F5F5;padding:1px;}
#body .inner .main .content .CaseBlock .Cimg a:hover{border:1px solid #931916;}		
#body .inner .main .content .CaseBlock .case_ct{ height:30px; line-height:30px; color:#2586BE; background:#E5F4FC; font-weight:bold;}
#body .inner .main .content .CaseBlock .case_txt{ height:35px; line-height:35px; background:url(/images/MyCMSBlue/xx.jpg) repeat-x; text-align:left;font-size:12px;}
#body .inner .main .content .CaseBlock .case_mc{ color:#1C3B67;}
#body .inner .main .content .CaseBlock .hycd_ct{ height:35px; line-height:35px;  color:#fff;  font-weight:bold; padding-left:40px;}
#body .inner .main .content .CaseBlock .hycd_ct a{ color:#fff;}
#body .inner .main .content .CaseBlock .hycd_ct a:hover{ color:#FFFACC}
#body .inner .main .content .CaseBlock .hycd_ct a:visited{ color:#fff}
#body .inner .main .content .CaseBlock .hycd_mc{ color:#ff6600;}
#body .inner .main .content .CaseBlock .ttp{ margin-top:10px; margin-bottom:10px;}	


/* sitemap */
#body .inner .main .SiteMap{padding:0px 10px;}	
#body .inner .main .SiteMap ul li{font-weight:bold;line-height:25px;padding:10px 20px;border-bottom:1px dashed #CCCCCC;font-size:16px;}
#body .inner .main .SiteMap ul li ul li{font-weight:normal;border-bottom:none;font-size:14px;background:none;padding:5px 0px;}


/* FeedBack */
.FeedBack {width:580px;float:left;}
.contact {width:580px;float:right;}

.FeedBack .commentbox{padding-top:0px;}	
.FeedBack .commentbox #commentform td{height:40px;}
.FeedBack .commentbox #commentform input{height:25px;line-height:25px;}
.FeedBack .commentbox #commentform .Cbutton{width:92px;height:30px;line-height:30px;background:#b93425;border:none;color:#fff;font-size:13px;cursor:pointer;}

.FeedBack .commentlist dt{padding:5px 10px;background-color:#dededc;height:22px;line-height:22px;font-size:12px;}	
.FeedBack .commentlist dd{padding:15px 0px 15px 0px;line-height:180%;font-size:14px;}	
.FeedBack .commentlist dd  b{color:#458D3A;}
.FeedBack .commentlist dd span{color:#A00000;}	
.FeedBack .commentlist p{padding:0px;line-height:180%;margin:0px;}
.FeedBack .Fleft{width:90px;float:left;}
.FeedBack .Fleft .Ficon{padding:0px  12px;}
.FeedBack .Fleft .Fname{text-align:center;font-family:Arial, Helvetica, sans-serif;font-size:12px;padding-top:5px;color:#931916;font-weight:bold;}		
.FeedBack .Fright{float:left;width:600px;padding-bottom:10px;}
.FeedBack .Fright .Fcontent .Ftime{text-align:right;font-family:Arial, Helvetica, sans-serif;color:#931916;padding:0px 20px 5px 20px;}	
.FeedBack .Fright .Fcontent{width:600px;background:url("/images/MyCMSBlue/PostBG.jpg") no-repeat left top;padding:10px 0px;}
.FeedBack .Fright .Fcontent p{padding:0px 20px 5px 50px;}
.FeedBack .Fright .Fcontent .Freply .FRtitle{margin-left:20px;line-height:20px;color:#FFFFFF;height:25px;background:url("/images/MyCMSBlue/picon.gif") no-repeat 2px 0px;padding-left:20px;font-weight:bold;}
.FeedBack .Fright .Fcontent .Freply p{color:#989E4D}	
.FeedBack .Fright .Fline{float:right;width:572px;border-top:1px solid #EDEDEF;filter:progid:DXImageTransform.Microsoft.Shadow(Color=#999999, Strength=1, Direction=180);} 
.FeedBack .IntroTitle{width:665px;margin:auto;}


/*Imglist*/
.ImageList{padding:10px 0px;}
.ImageList .ImageBlockBG{float:left;padding:10px 20px 20px 10px;}
.content .ImageList .ImageBlockBG{padding:10px 24px 20px 18px;}
.ImageList .ImageBlock{padding:10px;width:177px;height:153px;overflow:hidden;border:1px solid #DDDDDD;cursor:pointer;}
.content .ImageList .ImageBlock{height:153px;float:left;padding:5px;}	
.ImageList .ImageBlock:hover{border:1px solid #931916;background-color:#F5F5F5;}	
.ImageList .ImageBlock .ImageNote{padding:5px;line-height:25px;color:#FFFFFF;font-size:11px;}
.ImageList .ImageBlock p a{color:#FFFFFF;}		 
.ImageList .ImageBlock img{width:175px;height:131px;border:1px solid #F5F5F5;}
.ImageList .ImageBlock img:hover{border:1px solid #DDDDDD;}
.ImageList .ImageBlock p{text-align:center;bottom:0px;background-color:#333;color:#FFFFFF;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;height:20px;line-height:20px;}
.content .ImageList .ImageBlock p{color:#FFFFFF;}	
.ImageList .ImageBlock a{text-decoration:none;}


#body .inner .left{width:260px;float:left;}
#body .inner .right{width:920px;float:right;}
#body .inner .left .Sbox{width:260px;}
#body .inner .left .Sbox .topic{background-color:#ba3526;font-size:20px;text-align:center;height:65px;line-height:65px;color:#fff;font-weight:bold;border-bottom:2px solid #e7e7e7;}

.RightNav{padding-top:10px;}
.ClassNav{padding:0px 0px;font-size:16px;}
.ClassNav .NavTree ul{padding:0px 0px;}
.ClassNav .NavTree ul li{position: relative;z-index:10;}
.ClassNav .NavTree ul li a{display:block;height:65px;line-height:65px;text-align:center;color:#333;border-left:2px solid #e7e7e7;border-right:2px solid #e7e7e7;border-bottom:2px solid #e7e7e7;}
.ClassNav .NavTree ul li a:hover{color:#fff;text-decoration:none;background-color:#ba3526;}
.ClassNav .NavTree ul .current a{color:#fff;background-color:#ba3526;}
.ClassNav .NavTree ul .current li a{color:#fff;background-color:#ba3526;}		


/* product */
#body .inner .right .main{padding:0px 0px;font-size:12px;}
#body .inner .right .main .content .ProInfo{width:920px;}
#body .inner .right .main .content .ProInfo .left{float:left;}
#body .inner .right .main .content .ProInfo .left .image{float:left;width:500px;height:510px;}
#body .inner .right .main .content .ProInfo .left .image img{float:left;width:488px;height:498px;border:1px solid #e0e0e0;padding:5px;}
#body .inner .right .main .content .ProInfo .left .ImageList{float:left;width:440px;padding-left:30px;height:180px;overflow:auto;SCROLLBAR-FACE-COLOR: #f5f5f5; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #f5f5f5 ; SCROLLBAR-3DLIGHT-COLOR: #ffffff;SCROLLBAR-ARROW-COLOR:#0a519f; SCROLLBAR-DARKSHADOW-COLOR: #ffffff;}
#body .inner .right .main .content .ProInfo .left .ImageList ul li img{float:left;width:130px;height:130px;margin-left:10px;padding:1px;border:1px solid #ccc;}

#body .inner .right .main .content .ProInfo .column{float:right;width:430px;}
#body .inner .right .main .content .ProInfo .column .title{border-bottom:1px solid #e0e0e0;padding-bottom:40px;}
#body .inner .right .main .content .ProInfo .column .title h3{text-align:left;font-size:20px;}
#body .inner .right .main .content .ProInfo .column ul{color:#666;line-height:25px;height:25px;margin-top:5px;padding-top:40px;font-size:16px;border-top:1px solid #e0e0e0;}
#body .inner .right .main .content .ProInfo .column ul li{line-height:25px;height:25px;}
#body .inner .right .main .content .ProInfo .column ul li span{width:100px;height:25px;font-weight:bold;}

#body .inner .right .main .content .maincontent{border:1px solid #e0e0e0;padding:20px 17px;}
#body .inner .right .main .content .IntroTitle{padding-top:2px;padding-left:5px;width:861px;height:33px;font-size:16px;color:#fff;background:url("/images/MyCMSBlue/intro.png") no-repeat;}


#body .inner .right .main .content .MorePro .albumblock{padding:0px 15px 10px 5px;float:left;}
#body .inner .right .main .content .MorePro .albumblock .inner{width:280px;height:400px;}
#body .inner .right .main .content .MorePro .albumblock .inner img{width:280px;height:350px;border:1px solid #ccc;padding:5px;}
#body .inner .right .main .content .MorePro .albumblock .inner .albumtitle{margin:auto;width:280px;color:#656565;text-align:center;font-size:16px;height:40px;line-height:40px;}
#body .inner .right .main .content .MorePro .albumblock .inner .albumtitle a{color:#656565;}



/* SearchBar */
.SearchBar {width:157px;height:22px;background:url("/images/MyCMSBlue/searchbg.png") no-repeat left top;}
.Sbox .SearchBar{margin:10px 0px 0px 10px;}
.SearchBar #search-text {border:none;background:none;width:100px;padding:0px 5px;color:#999999;height:20px;line-height:22px;font-size:12px;float:left;}
.SearchBar #search-submit {border:none;background:none;height:22px;margin:0px;cursor:pointer;line-height:22px;width:36px;}
/* search content */
#search_content .searchtip{line-height:25px;font-size:14px;font-weight:bold;padding-left:10px;border-bottom:#023848 1px solid;padding-top:10px;}
#search_content .result_list{padding:10px 10px;width:100%;}	
#search_content .result_list dt{font-size:14px;font-weight:bold;padding-top:10px;line-height:25px;}	
#search_content .result_list dd{padding:0 0 5px 0;margin:0px;line-height:20px;}	
#search_content .result_list .line {border-bottom:#E9E8E8 1px dashed;}	
#search_content .result_list .line a{padding-right:20px;}
#search_content .result_list .line a:hover{text-decoration:none;}			
#search_content .search_welcome{line-height:25px;text-align:center;}
#search_content .search_welcome p{text-align:center;}		
#search_content .result_page{text-align:center;font-size:13px;padding:10px;}
#search_content .result_page span{font-size:12px;font-family:arial;padding:0 5px;}


/*service*/
.qqbox a:link {color:#000;text-decoration:none;}
.qqbox a:visited {color:#000;text-decoration:none;}
.qqbox a:hover {color:#f80000;text-decoration:underline;}
.qqbox a:active {color:#f80000;text-decoration:underline;}
.qqbox {width:132px;height:auto;overflow:hidden;position:absolute;right:0;top:200px;color:#000000;font-size:12px;letter-spacing:0px;z-index:500;}
.qqlv {width:33px;height:256px;overflow:hidden;position:relative;float:right;z-index:50px;}
.qqkf {width:120px;height:auto;overflow:hidden;right:0;top:0;z-index:99px;border:6px solid #cc0000;background:#fff;}
.qqkfbt {width:118px;height:20px;overflow:hidden;background:#cc0000;line-height:20px;font-weight:bold;color:#fff;position:relative;border:1px solid #fff;cursor:pointer;text-align:center;}
.qqkfhm {width:112px;height:22px;overflow:hidden;line-height:22px;padding-right:8px;position:relative;margin:3px 0;}
.bgdh {width:102px;padding-left:10px;}
#K1 {padding-left:3px;}
#K1 p{padding:5px 0px;}	

/* clearfix */
.clearfix:after{content:" ";display:block;visibility:hidden;height:0;clear:both;}
.clearfix {clear:both;}
.clearbox {clear:both; width:996px;margin:0 auto;height:0; overflow:hidden;}
.clear {height:1%;overflow:hidden; }