@charset "utf-8";body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;color: #333;}
body,button,input,select,textarea{font:14px/1.5 helvetica,'Microsoft YaHei',tahoma,arial,\5b8b\4f53,sans-serif;}h1,h2,h3,h4,h5,h6{font-size:100%}
address,cite,dfn,em,var,i{font-style:normal}form{display:inline}small{font-size:12px}ul,ol{list-style:none}:focus{outline:0}
.clearfix{*zoom:1;*display:block;}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
a{text-decoration:none;color:#333}a:hover{text-decoration:none;color:#333;}sup{vertical-align:text-top}sub{vertical-align:text-bottom}
legend{color:#000}fieldset,img{vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}input,button,select,textarea{outline:none}textarea{resize:none}.hide{display:none;}.show{display:block;}

.commmon{ width: 100%;}
.TopBox{ height:90px;}
.MainBox{ width: 1000px; margin: 0 auto;overflow: hidden;}
.MainBg{ background: #FF8F8F;}
.Home{ margin-top: 26px; float: left;}
.Slogan{ font-size: 24px; color: #555;margin: 0 100px; float: left; margin-top: 30px;}
.Top400{ float: right; margin-top: 20px;}
.NavBox{ height: 40px; background: #0062c1;}
.menu li{line-height: 40px; float: left;max-width: 230px}
.menu li a{ color: #fff; padding: 0 24px; display: block;border-left: 1px solid #0070dd;border-right: 1px solid #0158ab;}
.menu li .submenu{position: absolute;max-width: 230px;z-index: 9;display: none;}
.menu li a:hover,.menu li a.active{ background: #0158ab;}
.menu li .submenu li{background: #fff; color: #333; border: 0;padding: 0 1px;float: none;}
.menu li .submenu li a{ color: #333; border: 0;}
.menu li .submenu li a:hover{ background: #f0f0f0;color: #0062c1;}
/*.BannerBox{height: 450px; overflow: hidden;}
.BannerBox li{ width: 100%; height: 450px;  position: absolute; overflow: hidden;}
.BannerBox li a{width: 100%; height: 450px;  display: block;}*/
.ConWrap{ margin-top: 50px; overflow: hidden;}
.WrapW510,.WrapW470,.WrapW490,.CraftsImg,.WrapW660,.WrapW660 li{float: left;}
.WrapW510{ float: left; width: 510px; height: 287px; overflow: hidden;}
.WrapW470{ float: left; width: 470px;}
.WrapW660{ width: 660px;}
.mr20{margin-right: 20px; }
.Video{ width: 310px; height: 285px; border: 1px solid #ddd;  float: left; position: relative;margin-right: 10px;}
.Vtitle{ height: 40px;padding: 0 10px; background: #333;opacity: 0.8; position: absolute; left: 0 ;bottom: 0;  width: 290px; color: #fff; text-align: center;line-height: 40px;}
.ProImg a{border: 1px solid #ddd;  width: 180px; height: 85px; overflow: hidden; margin-bottom: 12px; display: block; }
.MainTitle { height: 27px;line-height: 27px;margin-bottom: 20px}
.MainTitle h2{ font-size: 24px; overflow: hidden; font-weight: normal; float: left; }
.MainTitle a.More{ float: right; font-size: 12px; color: #666;}
.MainTitle a.More:hover{ color: #0062c1;}
.WrapInfo{ margin-top: 20px;}
.aboutimg{ float: left; margin: 0 10px 0px 0 ;}
.WrapAbout p{ line-height: 27px; text-indent: 2em;}
.WrapAbout a{ color: #d00;}

.Crafts li{ border: 1px solid #f5f5f5; background: #f5f5f5; height: 180px; overflow: hidden; float: left; width: 488px; margin-top: 20px;}
.CraftsImg{ width: 240px;height: 180px;}
.CraftsText{ margin: 10px 10px 10px 250px;  line-height: 30px;}
.ConWrap h3{ font-size: 16px;    font-weight: normal;}
.CraftsMore a{ display: block;width: 80px; height: 30px; border: 1px solid #ccc; background: #eee; text-align: center; font-size: 12px; color: #555;float: right; margin-top: 6px;}
.Crafts li:hover a{ color: #fff; background: #018cdd;border: 1px solid #018cdd; }
.Crafts li:hover p,.Crafts li:hover h3{ color: #018cdd;}
.Crafts li:hover {border: 1px dashed #018cdd;}
.CraftsText p{ color: #555;}

.News { float: left; width: 320px;}
.NewsLi li{ line-height: 30px; height: 30px; overflow: hidden; }
.NewsLi  h4{font-weight: normal;}
.NewsLi li a:hover{ color: #0062c1;}
.NewsLi li .Point{ width: 6px; height: 6px;float: left; background: url(../images/point.png) no-repeat 0 0; margin-top: 12px; margin-right: 5px;}
.NewsLi li a:hover i{background: url(../images/point.png) no-repeat 0px -40px; }

.WrapW660 li{ float: left; height: 340px; overflow: hidden;}
.WrapW660 .A1{ width: 180px; overflow: hidden;}
.WrapW660 .A2{ width: 268px; overflow: hidden; border-left: 1px dashed #ddd; border-right: 1px dashed #ddd; padding: 0 15px;}
.AF1{ height: 170px; margin-bottom: 20px; cursor: pointer;}
.AF2{ height: 89px;}
.AF{ overflow: hidden;}
.AF:hover h3,.AF:hover p{ color: #018cdd;}
.AFText{ margin: 15px 0;}
.AFText p{color: #999;}
.AFIco{ background: url(../images/AFIco.png) no-repeat; width: 80px; height: 50px;}
.Ico1:hover,.AF1:hover .Ico1{background: url(../images/AFIco.png) no-repeat -90px 0;}
.Ico2{background-position: 0 -47px;}
.Ico2:hover,.AF1:hover .Ico2{background-position: -103px -47px;}
.Ico3{background-position: 0 -204px;}
.Ico3:hover,.AF1:hover .Ico3{background-position: -103px -204px;}
.Ico4{background-position: 0 -255px;}
.Ico4:hover,.AF1:hover .Ico4{background-position: -103px -255px;}
.Ico5{background-position: 0 -99px;}
.Ico5:hover,.AF2:hover .Ico5{background-position: -103px -99px;}
.Ico6{background-position: 0 -151px;}
.Ico6:hover,.AF2:hover .Ico6{background-position: -104px -151px;}

.AFTitleBg{ border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd;padding: 10px 0;margin: 15px 0; }
.AFtitle{ background: #018cdd; height: 100px;    padding: 6px 10px;}
.AFtitle h2{ font-size: 24px; color: #fff; font-weight: normal;}
.AFtitle span{ color: #fff; text-transform: uppercase;}

.CaseLi li a{ width: 318px; border: 1px solid #ddd; display: block; overflow: hidden;margin: 20px 0;}
.CaseLi li a:hover{border: 1px dashed #0062c1; }

.ConText li{ line-height: 27px;}


.FooterbBox{ background: #333;height: 330px; font-size: 12px;}
.Footer{ margin-top: 30px;}
.FooterLeft{ float: left;width: 715px; }
.FooterLi{ float: left; margin-right: 40px;}
.FooterLi dt,.FooterLi dd a,.FootLink a{ line-height: 30px; font-size: 12px;}
.FooterLi dt{ font-weight: bold; border-bottom: 1px solid #0062c1;}
.FooterLi dd a:hover,.FooterText a:hover,.FootLink a:hover{ color: #fff;}
.FooterRight{ float: right; width: 285px;overflow: hidden; }
.FooterText p{line-height: 24px ; }
.FooterLi dt,.FooterLi dd a,.FooterText p,.FooterText a,.FootLink,.FootLink a{ color: #aaa; }
.FootLink{ border-top: 1px solid #222; background: #333; line-height: 30px; }
.FootLink a{ margin: 0 5px ;}

/*banner*/
#banner_imgs {height: 450px;overflow: hidden;position: relative;width: 100%;}
#banner_imgs .j-tab-con{position: absolute;left: 50%;top: 0;margin-left: -960px;overflow: hidden;}
#banner_imgs .j-tab-nav{position: absolute;bottom: 35px;text-align: center;width: 100%;}
#banner_imgs .j-tab-nav a{width: 12px;height: 12px;display: inline-block;border-radius: 50%;background-color: #999;margin: 0 3px} /**/
#banner_imgs .j-tab-nav a.current,#banner_imgs .j-tab-nav a:hover{background-color: #018cdd}
#case_imgs{position: relative;}
#scroll ul li{margin-bottom: 15px}

body{ position: relative;}
#contact{ width: 200px;background: #f9f9f9; position: fixed; right: 5px;top: 150px; border-radius:  10px; overflow: hidden;}
#contact .contact-title{height: 40px; overflow: hidden; text-align: center; background: #0066d1; line-height: 40px; color: #fff;font-size: 15px; font-weight: bold;}
#contact .contact-main{ padding: 20px 15px;overflow: hidden;}
#contact .qqwx{border-bottom: 1px dashed #ddd;padding-bottom: 20px;margin-bottom: 20px;}
#contact .qqwx a {  width: 80px;height: 80px; overflow: hidden;}

.j-tab-nav .current a, .j-tab-nav a:hover{background-color: #018cdd;color: #fff}