
/* 全局CSS定义 */
body { font-family: "微软雅黑"; background: #fff; font-size:14px; color:#222; margin: 0; padding: 0; min-width:1280px;}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0; list-style: none none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-size:14px; font-weight: normal;}
table,td,tr,th{ font-size:14px;}

/* 链接颜色 */
a:link {color: #222; text-decoration:none;}
a:visited {color: #222;text-decoration:none;}
a:hover { color: #f30; text-decoration: none;}
a:active { color: #222;}

/* 字体属性 */
.fB {font-weight: bold;}
.clr{ clear: both; height: 0; line-height: 0; font-size: 0;}
.c06c,.c06c:link,.c06c:visited{ color: #174699;}
.c06c:hover{ color: #f30;}
.cRed,.cRed:link,.cRed:visited{ color: #f30;}
.clr_10{ clear: both; height: 10px; line-height: 0; font-size: 0;}
.pages{ height: 28px; line-height: 28px; clear:both; padding-top: 10px; font-family:Verdana, Geneva, sans-serif; text-align:center;}
.pages a,.pages a:visited,.pages strong{ display:block; float:left; margin: 0 2px; height: 25px; line-height: 25px; text-align:center; width: 27px; border: 1px solid #ccc; background: #fff;}
.pages a:hover,.pages strong{ border: 1px solid #174699; color: #fff; background: #174699; font-weight:normal;}


.HeaderTop{ height: 35px; background: #5E6166; line-height: 35px; font-size: 12px;}
.HeaderTop .tel{ width: 1280px; margin: 0 auto; color: #aaa;}
.HeaderTop span{ float:left;}
.HeaderTop ul{ float:right; height: 35px; border-right: 1px solid #6E7177;}
.HeaderTop ul li{ border-left: 1px solid #6E7177; float:left; padding: 0 20px;}
.HeaderTop ul li a{ color: #aaa;}
.HeaderTop ul li a:hover{ color: #ff0;}



.Header{}
.Header .top{ height: 90px; padding-top: 20px; width: 1280px; margin: 0  auto;}
.Header .top .logo{ float:left;}
.Header .top p{ float:left; margin: 8px 0 0 30px; padding: 0 0 0 30px; line-height: 25px; border-left: 1px solid #ddd; color: #999;}
.Header .top p strong{}
.Header .top span{ float:right; width: 194px; height: 28px; background:url(../image/ico_se.jpg) no-repeat 0 0; margin-top: 25px;}
.Header .top span .input{ float:left; height: 28px; line-height: 28px; width: 152px; background: none; border: none; text-indent: 10px;}
.Header .top span .but{ float:right; width: 36px; height: 28px; line-height: 0; background: none; border:none; cursor: pointer; }







.Header .menu{ background: url(../image/menu_bg.jpg) repeat-x 0 0; height: 46px;}
.Header .menu ul{ width: 1280px; margin: 0 auto;}
.Header .menu ul li{ float:left; width: 160px; text-align:center; font-size: 16px; line-height: 45px; }
.Header .menu ul li a{ color: #fff; display:block;}
.Header .menu ul li a:hover,.Header .menu ul li .tag{ background: #f90;}







/*banner*/

.main_area{ height: 500px; position:relative; overflow:hidden;}
#con_product_slide{ width: 170px; height:500px;margin:0 auto; position:relative;*z-index:1;}
#scroll_btn_list{ overflow:hidden;height:20px;position:absolute;bottom:15px;z-index:1; margin: 0 auto;}
#scroll_btn_list li{float:left;margin: 0 5px; width: 13px;}
#scroll_btn_list li a{display:block;position:relative;width:15px; height:15px; font-size: 0; line-height: 0; background:#fff; overflow:hidden;border-radius:15px;}
#scroll_btn_list li a:after{ position:absolute;left:0;top:0;width:100%;height:15px;}
#scroll_btn_list .on a,#scroll_btn_list li a:hover{ background:#FFC200; }
#scroll_product_list{ height:500px;width:100%;position:absolute;top:0;left:0;}
#scroll_product_list li{height:500px;width:100%;display:none;position:absolute;left:0;top:0;}
#scroll_product_list li.on{display:block;}





.CotentBg{ background:url(../image/content_bg1.jpg) no-repeat center 0;}
.Cotent{ width: 1280px; margin: 0 auto;}

.Home{ padding: 20px 0 0;}
.Home .topbg{ height: 19px;}
.Home .topbg span{ height: 19px; display:block; background: #174699; width: 270px; float:left;}
.Home .topbg em{ background:url(../image/menu_2.png) no-repeat 0 0; float:left; height: 19px; width: 24px;}
.Home .products{ background: #fff;}
.Home .products .menu{ float:left; width: 270px;}
.Home .products .menu h3{ background: #174699 url(../image/menu_1.png) no-repeat 0 bottom; padding: 5px 0 20px 50px; color: #fff; font-size: 24px;}
.Home .products .menu h3 span{ display:block; font-size: 18px;}
.Home .products .menu ul{ padding: 8px 30px 0; }
.Home .products .menu ul li{ height: 27px; line-height: 27px; background:url(../image/menu_ico.png) no-repeat 0 center; padding-left: 20px;}
.Home .products .menu ul li a,.Home .products .menu ul li a:visited{ }
.Home .products .menu ul li a:hover{ color: #f30;}
.Home .products .menu .tag{ background: none; font-size: 18px; font-weight:bold; border-bottom: 1px solid #ddd; padding-left: 0; height: 40px; margin: 20px 0 10px;}
.Home .products .menu .tag a,.Home .products .menu .tag a:visited{ color: #333333;}






.Home .products .R{ float:right; width:950px; background: #F5F5F5; padding: 30px 30px 10px; }
.Home .products .R .title{ height: 70px;}
.Home .products .R .title span{ float:left; border-left: 6px solid #849CB8; color:#849CB8; padding: 3px 0 0 20px; line-height: 23px;}
.Home .products .R .title span strong{ font-size: 24px; color:#14447C;}
.Home .products .R .title a{ float:right; margin-top: 20px; color: #f20;}
.Home .products .R .title em{ float:right; font-style:normal; color: #999; margin-top: 20px;}
.Home .products .R .title em a{ float:none; color: #222; margin: 0 5px;}

.Home .products .R .pr{ margin-top: 20px;}
.Home .products .R .pr .r{ float:right; margin-right: 0;}


.Home .products .R .pr li{ float:left; width: 294px; height: 280px; background:url(/cn/images/bg_3.jpg) no-repeat 0 0; padding: 1px 0 0 1px; margin: 0 32px 0 0;}
.Home .products .R .pr li img{ display:block; width: 290px; box-shadow: 2px 2px 0 #eee; border: 1px solid #ddd;}
.Home .products .R .pr .r{ float:right; margin-right: 0;}
.Home .products .R .pr li strong{ display:block; height: 50px; border-bottom: 1px solid #DFDFDF; background:url(../image/ico_6.jpg) no-repeat right 16px; line-height: 50px; font-weight:normal; font-size: 16px; padding-top: 5px;}




.HomeBanner1{}
.HomeBanner1 img{max-width: 100%;}

.Typetitle{ padding: 50px 0; height: 46px; background:url(../image/title_line.png) repeat-x center center;font-size: 16px; width: 1280px; margin: 0 auto;}
.Typetitle .bgR{ background:url(../image/title_R.png) no-repeat right 0; padding-right: 1px; margin: 0 auto; height: 46px; }
.Typetitle .bgL{ background:url(../image/title_L.png) no-repeat 0 0; padding:1px 0 0 1px;height: 45px;}
.Typetitle .t{ background: #fff; height: 44px; line-height: 38px; text-align:center; font-size: 38px; font-weight:bold; color: #174699; }
.Typetitle .t strong{ color: #f90;}
.Typetitle span{ display:block; text-align:center; font-size: 18px; padding-top: 7px; font-weight:normal; color: #999;}



.HomeLiYou{ background: url(../image/bg_1.jpg);}
.HomeLiYou .HomeBanner1{ background:url(../image/v_0.jpg) no-repeat center 0; height: 248px;}

.HomeLiYou .LiYou{ width: 1200px; margin: 0 auto;}

.HomeLiYou .LiYou .you{ padding: 20px 0;}
.HomeLiYou .LiYou .you .y1{  }
.HomeLiYou .LiYou .you .y1 .t1{ width: 550px; float:left; margin-top: 30px;}
.HomeLiYou .LiYou .you .y1 .t1 span{ background:url(../image/1.png) no-repeat 0 0; font-size: 18px; display:block; padding-left: 65px; line-height: 35px;}
.HomeLiYou .LiYou .you .y1 .t1 span strong{ font-size: 24px; color: #f90; display:block;}
.HomeLiYou .LiYou .you .y1 .t1 ul{border-top: 2px dotted #ccc; margin: 10px 0 0 65px; padding-top: 15px;}
.HomeLiYou .LiYou .you .y1 .t1 ul li{ background:url(../image/ico_1.png) no-repeat 0 center; padding-left: 20px; height: 32px; line-height: 32px;}
.HomeLiYou .LiYou .you .y1 .pic{ float:right;}


.HomeLiYou .LiYou .you .y2 .pic{ float:left; margin-top: 25px;}
.HomeLiYou .LiYou .you .y2 .t1{ float: right; margin-top:60px;}
.HomeLiYou .LiYou .you .y2 .t1 span{ background:url(../image/2.png) no-repeat 0 0; font-size: 18px; display:block; padding-left: 80px; line-height: 35px;}
.HomeLiYou .LiYou .you .y2 .t1 ul{margin: 10px 0 0 80px;}

.HomeLiYou .LiYou .you .y3 .t1{ margin-top: 60px; }
.HomeLiYou .LiYou .you .y3 .t1 span{ background:url(../image/3.png) no-repeat 0 0; font-size: 18px; display:block; padding-left: 80px; line-height: 35px;}
.HomeLiYou .LiYou .you .y3 .t1 ul{margin: 10px 0 0 80px;}




.HomeCaseBg{ }
.HomeCase{ width: 1280px; margin: 0 auto; padding-bottom: 40px;}
.HomeCase .top{ line-height: 27px; text-align:center;}

.HomeCase .pic img{ width:300px; height: 230px; display:block; }
.HomeCase .pic li{ position: relative; margin-top: 30px; float:left; width: 300px; margin-right: 26px;}
.HomeCase .pic .r{ float:right; margin-right: 0;}
.HomeCase .pic span{ display:block; position:absolute; bottom: 0; left: 0; height: 38px; line-height: 38px; z-index: 9; text-align:center; width: 100%; background: rgba(0,0,0,0.5);}
.HomeCase .pic li a,.HomeCase .pic li a:visited{ color: #fff;}
.HomeCase .pic li a:hover{ color: #ff0;}

.HomeCase .logo{ margin-top: 20px;}

.HomeCase .logo li{ float:left; width: 202px; margin-right: 13px; padding-top: 15px;}
.HomeCase .logo li img{ display:block; border: 1px solid #ddd;}
.HomeCase .logo .r{ float:right; margin-right: 0;}







.HomFanan{ background: url(../image/content_bg4.jpg) no-repeat center 0; height: 520px; color: #fff; overflow:hidden;}
.HomFanan h3{ font-size: 16px; text-align:center; padding: 45px 0 20px; line-height: 250%;}
.HomFanan h3 span{ font-size: 38px; text-align:center; display:block; font-weight:bold;}

.HomFanan ul{ width: 1200px; margin: 20px auto 0;}
.HomFanan ul li{ float:left; width: 300px; text-align:center; height: 145px; line-height: 21px; padding-top: 50px;}
.HomFanan ul li strong{ display:block; font-size: 20px; padding-bottom: 10px;}



.HomeYunzuo{ background:url(../image/content_bg5.jpg) no-repeat center 0; height: 695px; clear:both;}
.HomeYunzuo h3{ text-align:center; color: #999;font-size: 18px; padding-top: 30px; line-height: 42px;}
.HomeYunzuo h3 span{ display:block; color:#174699;font-size: 38px; font-weight:bold;}
.HomeYunzuo h3 span strong{ color: #f90;}







.HomeAbout{ width: 1280px; margin: 0 auto; padding: 20px 0;}
.HomeAbout .pic{ float:left; width: 630px;}
.HomeAbout .R{ float:right; width: 610px; padding-top: 20px; text-align:center;}
.HomeAbout .R p{ line-height: 27px;}
.HomeAbout .R p .more{}
.HomeAbout .R h3{ font-size: 20px; text-align:center; font-weight:bold;}


.HomeNews{ width: 1280px; margin: 0 auto; padding: 20px 0;}
.HomeNews h3{ height: 30px; font-size: 16px; font-weight:bold;}
.HomeNews h3 a,.HomeNews h3 a:visited{ float:right; font-weight:normal; font-size: 14px; color: #f90;}



.HomeNews .L{ float:left; width: 440px; padding-right: 40px;}
.HomeNews .L p{ margin: 0; padding: 25px 0 0; height: 100px; line-height: 23px; color: #999;}
.HomeNews .L p img{ width: 150px; height: 100px; float:left; margin-right: 25px;}
.HomeNews .L p strong{ display:block; padding-bottom: 5px;}


.HomeNews .C{ float:left; width: 420px; padding: 0 50px; height: 290px; border-left: 1px solid #DEE0E0; border-right: 1px solid #DEE0E0;}
.HomeNews .C ul{ margin-top: 20px;}
.HomeNews .C li{ height: 32px; line-height: 32px; text-align:right; background:url(../image/ico_2.png) no-repeat 0 center; padding-left: 15px; color: #999;}
.HomeNews .C li a{ float:left;}


.HomeNews .R{ float:right;}
.HomeNews .R p{ margin: 0; padding: 0; line-height: 30px;}
.HomeNews .R p a{ display:block; width: 120px; height: 32px; line-height: 32px; margin-top: 20px; background:url(../image/ico_3.jpg) no-repeat 100px center; text-indent: 25px; border: 2px solid #999;}










.BannerAbout{ height: 220px; background: url(../image/banner_about.jpg) no-repeat center 0;}
.BannerContact{ height: 220px; background: url(../image/banner_contact.jpg) no-repeat center 0;}
.BannerService{ height: 220px; background: url(../image/banner_service.jpg) no-repeat center 0;}
.BannerCase{ height: 220px; background: url(../image/banner_case.jpg) no-repeat center 0;}
.BannerNews{ height: 220px; background: url(../image/banner_news.jpg) no-repeat center 0;}
.BannerProducts{ height: 220px; background: url(../image/banner_products.jpg) no-repeat center 0;}




.ContentBg .products .menuabout{ padding-bottom: 20px;}
.ContentBg .products .menuabout ul{ margin-top: 15px;}
.ContentBg .products .menuabout ul li{ height: 46px; line-height: 46px; font-size: 16px; border-bottom: 1px solid #ddd;}
.ContentBg .products .menuabout ul .tag2 a{ font-weight:bold; color: #174699;}
.ContentBg .products .menuabout h3,.Home .products .menuabout2 h3{ background: #174699 url(../image/menu_3.png) no-repeat 0 bottom; }
.ContentBg{ background: #F9F9F9; padding: 10px 0;}
.ContentBg2{ background: #fff url(../image/content_left_bg.png) repeat-y 0 0; padding-top: 0;}
.ContentBg2 .products{ background: none;}
.ContentBg2 .products .R{ background: none;}
.ContentBg2 .topbg{ background: #F9F9F9;}


.AboutUs{ line-height: 28px; padding-bottom: 30px;}
.AboutUs p{ margin: 0; padding: 12px 0; line-height: 28px;}

.service{}
.service table{ width: 100%; border-collapse:collapse; margin-bottom: 20px;}
.service table td{ border: 1px solid #E3E3E3; line-height: 27px; padding-left: 7px; background: #fff;}
.service table .title td{ background: #f0f0f0; font-weight:bold;line-height: 30px;}
.service h3{ height: 35px; font-size: 16px;}
.service p{ margin: 0; padding: 0 0 30px;}


.kefucase{}
.kefucase ul{}
.kefucase li{ float:left; width: 220px; height: 200px; margin: 20px 23px 0 0;}
.kefucase li img{ width: 220px;}
.kefucase .r1{ float:right; margin-right: 0;}
.kefucase li em{ font-style:normal; background: #e3e3e3; display:block; height: 30px; line-height: 30px; text-align:center; border-top: 1px solid #fff;}

.ServiceProducts h4{ padding-top: 20px; font-size: 16px; font-weight:bold;}
.ServiceProducts li{ float:left; margin: 30px 23px 0 0; height: 190px; text-align:center;}
.ServiceProducts li img{ display:block; margin-bottom: 5px; width: 220px;}
.ServiceProducts .r1{ float:right; margin-right: 0;}
.ServiceProducts li em{ font-style:normal;}

.newslist{ padding: 25px 0;}
.newslist li{ height: 40px; line-height: 40px; font-size: 16px; color: #999;}
.newslist li em{ float:left; width: 108px; font-style:normal;}
.newslist h2{ height: 55px; font-size: 30px; color:#B39B77;}


.newsview{ padding: 20px 0;}
.newsview h2{ height: 55px; font-size: 32px;text-align:center;}
.newsview .time{ text-align:center; color: #999;}
.newsview .text{ font-size: 14px; padding: 10px 0;}
.newsview .text p{ margin: 0; padding: 10px 0; line-height: 28px; text-indent: 28px;}



.productslist{ padding-bottom: 40px;}
.productslist ul{ margin-top: 10px;}
.productslist li{ float:left; width: 294px; height: 290px; background:url(/cn/images/bg_3.jpg) no-repeat 0 0; padding: 1px 0 0 1px; margin: 0 32px 0 0;}
.productslist li img{ display:block; width: 290px; box-shadow: 2px 2px 0 #eee; border: 1px solid #ddd;}
.productslist .r{ float:right; margin-right: 0;}
.productslist li strong{ display:block; height: 50px; border-bottom: 1px solid #DFDFDF; background:url(../image/ico_6.jpg) no-repeat right 16px; line-height: 50px; font-weight:normal; font-size: 16px; padding-top: 5px;}





.productsview{ padding-top: 35px;}
.productsview h1{ font-size: 32px; height: 60px; line-height: 40px; font-weight:bold;}
.productsview  h3{ font-size: 20px; font-weight:bold; height: 45px;}
.productsview .tag{ height: 75px;line-height: 70px; border-bottom: 2px solid #E3E3E3;}
.productsview .tag ul{}
.productsview .tag ul li{ float:left; width: 120px; text-align:center; background:url(../image/ico_7.gif) no-repeat center 52px; font-size: 16px;}






.productsview .body{ padding: 25px 0;}
.productsview .pic{ text-align:center; padding-top: 35px;}
.productsview .text{ padding: 35px 0;  border-bottom: 1px solid #E3E3E3; font-size: 14px;line-height: 27px; }
.productsview .text p{ margin: 0; padding: 10px 0;}
.productsview img{ max-width: 100%;}
.productsview .pic img{ max-width:100%;}
.productsview .yan{ text-align:center; padding: 30px 0; border-bottom: 1px solid #E3E3E3;}
.productsview .yan a{ display:block; height: 30px; line-height: 30px; color: #fff; width: 160px; margin: 0 auto 15px; background:#012482 url(/cn/images/ico_8.jpg) no-repeat 20px center; font-weight:bold; font-size: 14px;}
.productsview .yan a:hover{ color: #ff0;}
.productsview .yan strong{ background:url(/cn/images/ico_9.gif) no-repeat 0 3px; padding-left: 25px; color: #f60;}
.productsview .text table{ border-collapse:collapse; width: 100%;}
.productsview .text table td{ border: 1px solid #ccc; line-height: 25px; padding: 7px; background: #F9F9F9; font-size: 12px;}
.productsview .text table td p{ margin: 0; padding: 0;}
.productsview .text table .title td{ background: #174699; font-weight:bold; line-height: 25px; color: #fff; border: 1px solid #fff;}



.productsview .text .xijie td{ border: none; background: none; padding-left: 0;}
.productsview .text .xijie li{ float:left; margin-right: 25px;}
.productsview .text .xijie li img{ width: 300px;}
.productsview .text .xijie .r{ float:right; margin-right: 0;}


.productsview .xianguang{ padding-top: 35px;}
.productsview .xianguang ul{ margin-top: 10px;}
.productsview .xianguang li{ float:left; width: 294px; height: 270px; background:url(/cn/images/bg_3.jpg) no-repeat 0 0; padding: 1px 0 0 1px; margin: 0 32px 0 0;}
.productsview .xianguang li img{ display:block; width: 290px; box-shadow: 2px 2px 0 #eee; border: 1px solid #ddd;}
.productsview .xianguang .r{ float:right; margin-right: 0;}
.productsview .xianguang li strong{ display:block; height: 50px; border-bottom: 1px solid #DFDFDF; background:url(../image/ico_6.jpg) no-repeat right 16px; line-height: 50px; font-weight:normal; padding-top: 5px;}












.productsview .next{ border-top: 1px solid #ddd; line-height: 30px; padding-top: 20px;}
.productsview .next a,.News .next a:visited{}
.productsview .next a:hover{}
.productsview .next span a,.productsview .next span a:visited{ margin-top: 10px; text-align:center; color: #fff; text-decoration:none; display:block;background: #174699; border-radius:4px; float:right; width: 75px; height: 35px; line-height: 35px; font-size: 14px; text-transform:uppercase;}
.productsview .next span a:hover{ background: #000;}



.FootBg{ background: #333;}

.Foot{ width: 1280px; margin: 0 auto; padding: 30px 0 20px;}
.Foot ul{ float:left; width: 267px;}
.Foot ul li{ line-height: 28px;  color: #999; font-size: 14px; }

.Foot a,.Foot a:visited{ color: #999;}
.Foot a:hover{ color: #fff;}
.Foot ul .t{ font-size: 16px; height: 40px;}
.Foot ul .t a,.Foot ul .t a:visited{ color: #fff;}
.Foot ul .t a:hover{}





.Foot .wx { width: 136px; float:right;}
.Foot .wx .w1{ width: 134px; border: 1px solid #434343; background:url(/cn/images/ico_5.gif) no-repeat 110px center;}
.Foot .wx .w1 a{ background:url(../image/ico_4.gif) no-repeat 5px 2px; height: 22px; width: 124px; text-indent: 35px; display:block; line-height: 21px;}
.Foot .wx .w2{background:url(../image/ico_4.gif) no-repeat 7px -21px;text-indent: 40px; padding-top: 15px;}
.Foot .wx .w3{background:url(../image/ico_4.gif) no-repeat 7px -60px;text-indent: 40px; padding-top: 9px;}
.Foot .wx .w4{ height: 136px; padding-top: 20px;}




.Foot .links{ border-top: 1px dotted #777; margin-top: 30px; color: #666; border-bottom: 1px dotted #777; height: 32px; line-height: 32px; font-size: 12px; }
.Foot .links a{ margin: 0 5px;}
.Foot .icp{ color: #999; line-height: 40px; background:url(../image/foot_icp.png) no-repeat right 0; margin-top: 15px; font-size: 12px;}

/* 分页 */ 
.page {
    margin: 20px auto;
	text-align:center;
}

.page-m {
    position: relative;
    top: -1px;
    +display: inline !important;
}

.page a {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.page-m a {
    display: inline-block;
    margin: 0 5px;
    width: 40px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
	border:1px solid #eeeeee;

}

.page-m a:link {
   color:#000000;
   }

.page-m a:hover {
    color: #fff;
    background: #123b92;
	border:1px solid #123b92;
}

.xianshi {
    color: #fff;
    background: #123b92;
	border:1px solid #123b92;
}

.page-m a.xianshi {
   color: #fff;
   }

.page-m a.active {
    color: #fff;
    background: #123b92;
	border:1px solid #123b92;
}