body{ color: #666; background: #fff;}
.ui{ background-image:url(../image/ui.png); background-repeat:no-repeat;}
a{ -webkit-transition: all 200ms ease-in;-o-transition: all 200ms ease-in;-moz-transition: all 200ms ease-in;}
.w100{ width:100%;}
.w1180{ width:1180px;}
.w980{ width: 980px;}
.cOrange{ color: #f35e00;}
.cBlue{ color: #0274b5;}



.header{ height: 100px; background: #fff;}
.tel{ margin: 30px 0 0 0;}
    .tel span{ display: block; width: 40px; height: 40px; margin: 2px 5px 0 0;}
    .tel h6{ font-size: 24px;}
        .tel h6 p{ font-size: 14px; color: #666; font-weight: 400; margin: 0; line-height: 18px;}

.nav{ height: 50px; background: url(../image/nav.jpg) no-repeat top center; /*ie7*/+position:relative;+z-index:6;}
    .nav ul{ width: 1183px; margin: 0 auto;}
        .nav li{ float: left; margin: 0 1px; position: relative;}
            .nav a{ color: #fff; font-size: 14px; text-align: center; display: block; width: 167px; height: 50px; line-height: 50px;}
            .nav a.cur,.nav a.active,.nav a:hover{ background: url(../image/hover.jpg) repeat-x;}

.subItem{ display: none; background: #ef650a; position: absolute; top: 50px; left: 0; z-index: 9; /*ie7*/z-index:9999;}
    .subItem a{ height: 47px; line-height: 46px; font-size: 12px; border-top:1px solid #ea4707; border-bottom:1px solid #f4830d; }
    .subItem a:hover{ background: #ffa518;}


.kv .owl-pagination{ position: absolute; bottom: 20px; left: 50%; z-index: 6; display: inline;}
    .kv .owl-theme .owl-controls .owl-page span{ background: #ccc;}
    .kv .owl-theme .owl-controls .owl-page.active span{ background: #fde834;}


.title_pro{ margin-top: 50px; margin-bottom: 80px; height: 12px; border-bottom: 1px solid #ccc;}
    .title_pro h6{ width: 160px; background: #fff; text-align: center; margin: 0 auto; font-size: 24px;}
        .title_pro h6 span{ font-weight: 400; font-size:12px; color: #666; /*ie7*/+line-height:24px;}


.index_pro{ margin-left: -30px; }
    .index_pro li{ width: 272px; float: left; margin: 0 0 40px 30px;}
        .index_pro li h6{ color: #00529d; font-size: 18px; font-weight: 400; margin-bottom: 10px;}
            .index_pro li h6 a{ font-size: 12px; color: #999; line-height: 18px; /*ie7*/+display:block;+width:70px;}
                .index_pro li h6 a span{ width: 20px; height: 20px; background-position:  -40px 0;}
            .index_pro li h6 a:hover{color: #f35e00;}
                .index_pro li h6 a:hover span{background-position:  -60px 0;}
        .index_pro li .pros{ display: block; overflow: hidden; width: 272px; height: 304px; /*ie7*/+height:310px;}
        .index_pro li .pros span{ display: block; width: 270px; height: 270px; overflow: hidden; border: 1px solid #f4f4f4; background: #f4f4f4; position: relative;  -webkit-transition: all 200ms ease-in;-o-transition: all 200ms ease-in;-moz-transition: all 200ms ease-in; }
            .index_pro li .pros img{ position: absolute; top: 50%; left: 50%; margin-left: -135px; margin-top: -135px; width: 270px; height: 270px;  -webkit-transition: all 200ms ease-in;-o-transition: all 200ms ease-in;-moz-transition: all 200ms ease-in;}
        .index_pro li .pros p{ background: #0274b5; color: #fff; font-size: 14px; text-align: center; margin:2px 0 0 0; padding:10px 0;  height:32px; -webkit-transition: all 200ms ease-in;-o-transition: all 200ms ease-in;-moz-transition: all 200ms ease-in;}
        .index_pro li .pros:hover span{ border-color: #f35e00; }
            .index_pro li .pros:hover img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -transform:scale(1.1,1.1);}
        .index_pro li .pros:hover p{ background: #f35e00;}



.index_box{ background: #f6f6f6; padding-top: 40px; padding-bottom:60px; margin-top: 20px; overflow:hidden;}
    .index_box .title{ height: 20px; border-left: 2px solid #fa650c; padding-left: 10px; line-height: 20px; font-size: 18px; color: #0274b5; font-weight: 700; margin-bottom: 30px;}
        .index_box .title span{ font-size: 14px; color: #999; font-weight: 400; margin-left: 10px;}
        .index_box .more{ color:#fa650c; margin-top:20px;}
        .index_box .more:hover{ color: #fdc234;}

.index_about{ width: 402px; margin-right:30px;}
	.index_about .tab{ height: 40px;}
		.index_about .tab li{ float: left; margin-right: 10px; position: relative; padding-bottom:10px;}
		.index_about .tab li a{ display: block; width: 96px; height: 32px; line-height: 30px; text-align: center; background: #e6e6e6; color: #666;  -moz-border-radius: 3px;-webkit-border-radius:3px;border-radius:3px;-webkit-transition: all 100ms ease-in;-o-transition: all 100ms ease-in;-moz-transition: all 100ms ease-in;}
		.index_about .tab li a.cur{ background: #fa650c; color: #fff;}
			.index_about .tab li a + span{width:20px; height:10px; background-position:-80px 0; position:absolute; bottom:0; left:50%; margin-left:-10px; display:none;}
			.index_about .tab li a.cur + span{ display:block;  /*ie8*/display:none\0/;/*ie7*/+display:block;}
            :root .index_about .tab li a.cur + span { display:block\0; }
    .index_about .tab_container{ margin-top:10px;}
	    .index_about .sub-con{ display:none; overflow:hidden; clear:both; width:402px; height:230px; /*ie7*/+height:240px;}
		.index_about .cur-sub-con{ display:block;}
.index_news{ width: 452px;}
	.index_news ul{ height:280px; overflow:hidden; /*ie7*/+height:290px;}
	.index_news li { margin-bottom:10px; /*ie7*/+margin-bottom:5px;}
		.index_news li a{ display:block; clear:both; width:450px; height:48px; border:1px solid #d9d9d9; background:#fff;}
			.index_news li a b{ display:block; float:left; margin:5px 20px 5px 15px; padding-right:15px; font-family:Arial; font-size:36px; font-weight:700; color:#ccc; border-right:1px solid #d9d9d9; height:36px; line-height:36px;  -webkit-transition: all 200ms ease-in;-o-transition: all 200ms ease-in;-moz-transition: all 200ms ease-in;}
			.index_news li a p{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:250px; float:left; line-height:42px; margin-bottom:0; color:#333; font-size:14px;}
			.index_news li a span{ color:#999; float:right; line-height:40px; margin-right:15px;}
			.index_news li a:hover,.index_news li a:hover b{ border-color:#0274b5;}
			.index_news li a:hover b,.index_news li a:hover p,.index_news li a:hover span{ color:#0274b5;}
.index_contact{ width: 272px;}
	.index_contact .enter{ width:276px; height:100px; background:#f4f4f4; padding:20px 15px; /*ie7*/+height:60px;}
		.index_contact .enter a{ display:block; background:#7fba00; color:#fff; text-align:center; padding:10px 0 12px 0; font-size:14px;}
		.index_contact .enter a:hover{ background:#94d40c;}
	.index_contact .enter + p{ line-height:36px; margin:0 0 0 15px; }
    .index_contact > p{ /*ie7*/+line-height:36px; +margin:10px 0 0 15px;}

.links{ margin-top: 50px; border-top:2px solid #ccc; padding-top: 20px;}
    .links .title{ padding: 0; border:0; margin-bottom: 0;}
        .links .title b{ font-weight: 400; margin-left: 10px; margin-right: 20px; /*font-size: 20px;*/}
    .links li{ float: left; margin-top: 5px; height: 14px;  line-height:14px; padding-right: 25px; border-right: 1px solid #ccc; margin-right: 25px;}
    .links li:last-child{ padding: 0; border:0; margin-right: 0;}
        .links a{ color: #666;}
        .links a:hover{ color: #fa650c;}

.footer{ background:#202020; overflow: hidden;}
	.bottom{ height:60px; border-bottom:1px solid #373737;}
		.bottom ul{ margin:0 auto; width: 1085px; overflow: hidden; }
			.bottom li{ float:left; height:20px; margin:20px 0 0 0; border-right:1px solid #373737; padding-right:50px; margin-left:50px;}
            .bottom li:last-child{ border: 0;}
				.bottom a{ color:#b3b3b3; line-height:20px; font-size:14px;}
				.bottom a:hover{ color:#fff;}
	.footer p{ text-align:center; color:#b3b3b3; line-height:30px; margin-top:20px; margin-bottom: 20px; }
	
	
	
	
/*内页*/
.container_box{ margin-top: 40px; }
.sidebar{ width: 222px;}
	.sidebar .title{ background:#0858b1; padding-top: 20px; padding-bottom: 20px; -moz-border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;}
        .sidebar .title h6{ margin:0 0 0 40px; color: #fff; font-size: 22px; width: 130px; overflow: hidden; float: left;}
        .sidebar .title span{ width:20px; height:20px; background-position: -80px -10px; float: right; margin-right: 30px;}
	
	.sidebar ul{ border:1px solid #ccc;}
        .sidebar ul li{ border-bottom: 1px solid #ccc;/*ie7*/ +overflow:hidden;}
            .sidebar ul li a{ display: block; padding: 15px 30px 15px 38px; clear: both; overflow: hidden; }
                .sidebar ul li a p{ color: #666; font-weight: 700; line-height: 20px; margin-bottom: 0; font-size: 14px; width: 130px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left;}
                .sidebar ul li a span{ width: 20px; height: 20px; background-position:-40px -20px;}
            .sidebar ul li a.active span,.sidebar ul li a.cur span{ background-position: -60px -20px;}
            .sidebar ul li a.active p,.sidebar ul li a.cur p{ color:#0858b1;}
            .sidebar ul li .sub{ display: none; margin:0 0 20px 15px; overflow: hidden;}
            .sidebar ul li .cur + .sub{ display: block;}
                .sidebar ul li .sub a{ padding: 0; margin: 0 30px 0 34px;}
                    .sidebar ul li .sub a p{ font-size: 12px; font-weight: 400; padding: 0; width: 110px;}
                    .sidebar ul li .sub a span{ width: 10px; height: 10px; display: block; background-position: -80px -30px; margin: 5px;}

.content_box{ width: 930px;}
    .content_box .title{ height: 62px; border-bottom: 1px solid #ccc; padding-bottom: 22px; margin-bottom: 30px;}
        .content_box .title h6{ font-size: 20px; color: #0858b1; margin: 20px 0 0 10px;}
        .content_box .title .tips{ margin: 25px 10px 0 0;}
            .content_box .title .tips a{ color: #666;}
            .content_box .title .tips a:hover{ color: #fa650c;}




 /*product*/
.product_list{ margin-left: -30px;}
    .product_list li{ width: 280px; height: 330px; float: left; margin-left: 40px; margin-bottom: 40px; background: url(../image/product_bg.jpg) no-repeat top left;}
        .product_list li a{ display: block; width: 266px; height: 318px; padding-top: 8px; background: #fff;  /*ie7*/ +height: 310px;}
            .product_list li a span{ display: block; width: 250px; height: 250px; margin:0 8px 8px 8px; }
            .product_list li a p{ width: 250px; margin: 0 8px; text-align: center; padding: 10px; font-size: 14px; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; /*ie7*/+text-indent:0;}
        .product_list li a:hover{ background: #0274b5;}
            .product_list li a:hover p{ color: #fff;}

.page_list{ height: 30px; text-align: center; margin-top: 40px; margin-bottom: 60px; /*ie7*/+float:right;}
    .page_list a{ border: 1px solid #ddd; background: #fff; padding: 5px 10px; margin: 3px; color: #888; /*ie7*/+height:30px;+display:block; +width:30px;+padding:0;+line-height:30px;+text-align:center;+float:left; }
.page_list a:first-child,.page_list a.lastChild{/*ie7*/+width: 60px;}

    .page_list a.cur{background: #0274b5;color: #fff; border-color:#0274b5;}
    .page_list a:hover{ border-color:#0274b5; color:#0274b5;}
    .page_list a.cur:hover{ color: #fff;}


.product_detail{ margin-left: 10px; margin-bottom: 60px;}
    .product_detail h5.tt{ font-size: 16px; color: #f35e00; padding-left: 10px; border-left: 2px solid #f35e00; height: 20px; line-height: 20px; margin-bottom:20px; }





/*news*/

    .news_box .title{ height: 62px; border-bottom: 1px solid #e5e5e5; padding-bottom: 22px; margin-bottom: 30px;  /*ie7*/+padding:0;}
        .news_box .title h6{ font-size: 20px; color: #0858b1; margin: 20px 0 0 0;}
        .news_box .title .tips{ margin: 25px 0 0 0;}
            .news_box .title .tips a{ color: #666;}
            .news_box .title .tips a:hover{ color: #fa650c;}
    .news ul{ margin-left: -30px;}
        .news li{ width: 475px; margin-left: 30px; float: left; margin-bottom: 30px; }
            .news li a{ display: block; border: 1px solid #e5e5e5; padding:20px; background: #fff; height: 120px; }
                .news li img{ margin-right:20px;}
                .news li h6{ font-weight: 400; font-size: 14px; color: #333;}
                .news li p{ font-size: 12px; line-height:18px; margin: 10px 0 0 0; color: #999;}
                .news li span{ font-size: 12px; display: block; margin: 10px 0 0 0; color: #999;}
            .news li a:hover{ border-color:#0274b5;}
                .news li a:hover h6{color:#0274b5;}
                .news li a:hover p,.news li a:hover span{color:#333;}


.article h6.tt{ font-weight:400; font-size: 24px;line-height:30px;text-align: center; margin-bottom: 40px;}
    .article h6.tt span{ display: block; font-size:12px; color: #999; border-bottom:2px solid #0274b5; width:160px; margin: 10px auto 0 auto; padding-bottom: 5px;}

.page_article{ padding-top: 20px; border-top:1px solid #e5e5e5; margin-top: 60px; margin-bottom: 40px;}
    .page_article p{ max-width: 45%;}
    .page_article a{ color: #666;}
    .page_article a:hover{ color: #fa650c;}



    /*honor*/
.honor{ position:relative; margin-top:40px; margin-bottom:80px;}
    .honor .roundabout-holder{/*width:540px;height:316px;*/width:800px;height:560px;margin:0 auto;}
        .honor .roundabout-moveable-item{width:600px;height:420px;cursor:pointer;}
            .honor .roundabout-moveable-item img{width:100%;}
            .honor a{display:block; width:30px; height:40px;position:absolute;top:50%; margin-top:-20px;z-index:9;cursor:pointer; opacity:.7; /*ie*/ filter:alpha(Opacity=70); }
            .honor a:hover{ opacity:1; /*ie*/ filter:alpha(Opacity=100);}
            .honor .d_prev{ background-position:-100px 0; left:-80px;}
            .honor .d_next{ background-position:-130px 0; right:-80px;}



/*scene*/
.scene ul{ margin-left: -12px;}
.scene li{ background: url(../image/scene.png) no-repeat; width: 302px; height: 212px; float: left; margin-left: 12px; margin-bottom: 20px;}
.scene li img{ margin: 19px 0 0 16px;}





/*job*/
.job table{ margin: 40px 0 0 0; font-size: 14px;}
    .job table th{ background: #0858b1; color: #fff; padding: 10px 0;}
    .job table td{ height: 36px; border-bottom: 1px solid #e5e5e5;}
    .job table tr:nth-child(2n-1){ background: #f2f2f2;}
        .job table a{ color: #666;}
        .job table a:hover{ color:#fa650c;}

.job_detail{ margin-left: 10px; margin-bottom: 60px;}
    .job_detail h5{ font-size: 36px; font-weight: 400; color:#fa650c; margin-top: 40px; margin-bottom: 20px;}
        .job_detail h5 span{ font-size: 18px; margin-left: 10px; color: #333;}
    .job_detail .remark{ font-size: 18px; color: #999; margin-bottom: 40px; padding-bottom: 30px; border-bottom: 1px dashed #ccc;}
    .job_box{  margin-bottom: 20px;}
        .job_box h6.tt{ font-size: 14px; color: #333; margin-right: 20px; line-height: 32px;}







/*contact*/
.contact{ margin: 40px 0 60px 0}
    .map{ width: 930px; height: 370px; border: 1px solid #ccc; overflow: hidden;}
    .infor{ margin: 20px 0 0 0; height: 600px; padding-left: 40px; padding-top: 20px; background:url(../image/contact.jpg) no-repeat;}
        .infor h6{ font-size:18px;color: #0a5bb7; margin-bottom: 40px;margin-top: 40px;}
        .infor p{ line-height: 24px; font-size: 14px; clear: both;}
        .infor span{ display: block; width: 20px; height: 20px; float: left; margin: 2px 10px 0 0;}
        .infor span.name{ background-position:0 -40px; }
        .infor span.phone{ background-position:-20px -40px; }
        .infor span.qq{ background-position:-40px -40px; }
        .infor span.tell{ background-position:-60px -40px; }
        .infor span.fax{ background-position:-80px -40px; }
        .infor span.address{ background-position:-100px -40px; }




/*feedback*/
.feedback form{ margin-top: 40px; clear: both;}
    .feedback p{ margin: 40px 0 40px 40px;}
    .feedback label{ clear: both; display: block; margin-bottom: 20px; margin-left:40px; margin-right:40px;  padding-bottom: 20px; border-bottom: 1px dashed #ccc; overflow: hidden;}
    .feedback label span{ display: block; float: left; line-height: 30px; margin-right: 10px; margin-left: 10px; font-size: 14px;}
    .feedback label .text{ float: left; border: 1px solid #d9d9d9; padding: 5px 10px; height: 30px; width:500px; background: #f7f7f7;}
    .feedback label .name,.feedback label .email,.feedback label .phone{ width: 250px;}
    .feedback textarea.text{  max-width: 750px; height: 100px;}
    .feedback .submit{ width: 120px; height: 36px; background:#f35e00; color: #fff; border: 0; font-size: 14px; margin:20px 40px 60px 0; cursor: pointer;  }



    /*culture*/
.culture{ margin-bottom: 60px;}


/*about*/
.about{ margin-bottom: 60px;}