@charset "utf-8";
/*Reset全局样式 + 自定义样式*/

*{ padding:0; margin:0;}
/*h1,h3,h4,h5,h6*在下一行中去除*/
html,div,ul,li,dl,dt,dd,p,h2,img,form,embed,label{margin:0;padding:0;border:0; /*font-size: 100%; font-weight:normal;*/line-height:1.7;}
ul,ul li{ list-style:none;} 
img{ max-width:100%; height:auto;}
/*html{font-size:63%;}*/
/*导航栏文字大小设置 */
.nav li{font-size: 16px;  line-height: 100px;}



/*在下一行去除 max-width:1440px; */
body{font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;font-size:12px;font-size:1.2rem;color:#666; line-height:20px; margin:0 auto;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-mz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;background-color:#fff;} 

/*Reset   产品中心(和4个子菜单) */
.title{display:block;clear:both;margin:40px auto 0;font-size:36px;opacity:0.4;color:#aaa;text-align:center;font-weight:700;}
/*.title{ display:block;clear:both; margin:40px 0 0 0; border-left:5px solid #ad0000; padding-left:120px; border-bottom:1px solid #f0f0f0; font-size:16px; color:#b4b4b4; position:relative; height:26px;}*/
.title h2 span{ color:#4b4b4b; background:#fff; font-size:24px; margin-right:8px; position:absolute; left:0px; top:2px; display:block; height:28px; padding:0 8px 0 10px;}
.title2{display:block;clear:both;margin:0 auto 40px;color:#000;font-size:24px;text-align:center;font-weight:600;}
/*.title2{ padding-left:70px;}*/
.layoutlist{width:100%; margin:30px 0 0 0; display:block; overflow:hidden; clear:both; float:left;}
.layoutlist li{ float:left; width:33.3%; position:relative;}
.layoutlist li a{ display:block;}
.layoutlist li a .pic{ display:block;}
.layoutlist li a .pic img{ display:block;}
.layoutlist li a .txt{ position:absolute; left:0; bottom:-60%; width:100%; height:60%; padding-bottom:0;background-color:#df061b;background-color:rgba(223,6,27,0.7);
color:#fff; font-size:15px; line-height:26px; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;-mz-transition: all 0.5s;transition: all 0.5s;}
.layoutlist li a .txt h2{ padding:14px 0 0 28px; font-size:24px; line-height:36px; padding-bottom:12px; } 
.layoutlist li a .txt p{ padding:0 28px;}
.layoutlist li:hover a .txt{ height:60%; padding-bottom:8px; bottom:0;}

/*Reset   关于我们 （和4个子菜单） */
.iaboutlist{ display:block; overflow:hidden; clear:both; width:100%; margin:34px 0 0 0;}
.iaboutlist li{float:left; width:33.3%; overflow:hidden; position:relative;}
.iaboutlist li img{ display:block;}
.iaboutlist li h2{ position:absolute; left:0; bottom:0; width:100%; padding-left:20px; background-color:rgba(0,0,0,0.5); font-size:17px; color:#eee; line-height:45px;font-weight:500;}
/*Reset   新闻中心 （和4个子菜单） */
.inewslist{ display:block; overflow:hidden; clear:both; width:100%; margin:34px 0 0 0; text-align:center;font-family:'微软雅黑';}
.inewslist li{float:left; width:30%;margin:1.5%; overflow:hidden; height:397px; }
.inewslist li:first-of-type{width:60%;position:relative;margin-right:4.5%}
.inewslist li .img1{ display:block;height:240px;margin:auto;}
.inewslist .center{ position:absolute; left:0; bottom:0; width:100%; padding-left:20px; background-color:rgba(0,0,0,0.5); font-size:17px; color:#eee; line-height:45px;}
.inewslist li h2{ color:#999; line-height:20px;font-size:14px;}
.inewslist li .title1 {color:#333;line-height:45px;font-weight:500;font-size:16px;margin-top:10px;}

/*Reset   自定义样式 请在此处编写（微调） */

	/*自定义居中容器container-diy */
	.container-diy{ max-width: 1200px; 
	                padding-right: 15px;
                    padding-left: 15px;
                    margin-right: auto; 
                    margin-left: auto;}
	/*自定义导航下外边距( =height),防止导航栏覆盖图片*/
	.navDiy{ margin-bottom: 75px;  }
	h1,h3,h4,h5,h6{ line-height: 1.42857143;}
	
	/*自定义页脚footer样式*/
    .footer-diy{ background-color: #272D39;margin-left:-15px;margin-right:-15px;}
    .footer-top{ color: #eee; padding-top: 20px;}
    .footer-title{font-size:25px;padding-top:25px;color:#eee;padding-bottom:20px;line-height:40px;}
    .footer-title .t2{color:#999; font-size:20px;line-height:25px;}
    .footer-title a{font-size:16px; color:#aaa; line-height:20px;}
    /*重定义h3,h4样式*/
    /* h3{color: #9AC1FF; padding-bottom: 30px; padding-top: 30px;}*/
    
    .nav { padding-top: 10px;}

    /*= 清除浮动=*/
.clear{clear: both; height:0px; line-height:0px; font-size:0px;}
.clearfix:after { content: "."; display: block; height: 0;  clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
*+html .clearfix {min-height: 1%;}
*html{zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}
(this))}


.w { width:1160px;margin:0 auto; }
.fl { float: left; }
.fr { float: right; }

.btn { cursor:pointer;text-align:center;font-size:18px;font-family:'幼圆';letter-spacing:1.1px;padding:2px 6px; }
.btn2 { display:inline-block;padding:5px 10px;font-size:18px;-moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius:5px;
           font-family:'微软雅黑';background:#28A9FF;color:#fff;}
.btn2:hover { font-size:19px;}
.btn3 {cursor:pointer;text-align:center;font-size:18px;font-family:'幼圆';letter-spacing:1.1px; padding:5px 10px; }

.homebtn { display:block;padding:5px 10px;font-size:15px;-moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius:3px;
           font-family:'微软雅黑';background:#28A9FF;color:#fff;}
.homebtn:hover { background:#2859FF;}



.up_a_s::after {content:url('/images/arrow_tos.png');display:inline-block;margin-left:.3em;vertical-align:central;position:static;}
.up_a_s:hover::after { 
                transform:rotate(540deg);
                -ms-transform:rotate(540deg); 	/* IE 9 */
                -moz-transform:rotate(540deg); 	/* Firefox */
                -webkit-transform:rotate(540deg); /* Safari 和 Chrome */
                -o-transform:rotate(540deg); 	/* Opera */
                transition: transform .5s ease 0s;
                -ms-transition: transform .5s ease 0s;
                -moz-transition: transform .5s ease 0s;
                -webkit-transition: transform .5s ease 0s;
                -o-transition: transform .5s ease 0s;
}
.up_a_b::after {content:url('/images/arrow_tob_b.png');display:inline-block;vertical-align:central;margin-left:.3em;}
.up_a_b:hover::after { 
                transform:rotate(180deg);
                -ms-transform:rotate(180deg); 	/* IE 9 */
                -moz-transform:rotate(180deg); 	/* Firefox */
                -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
                -o-transform:rotate(180deg); 	/* Opera */
                transition: transform .2s ease 0s;
                -ms-transition: transform .2s ease 0s;
                -moz-transition: transform .2s ease 0s;
                -webkit-transition: transform .2s ease 0s;
                -o-transition: transform .2s ease 0s;
}

.radius_5 { 
    -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius:5px;

}

.waitdiv { font-size:16px;background-color: rgba(40,169,255,0.8); font-size:18px;font-family:'幼圆';text-align:center;
                   position:absolute;padding-top:20px;color:#fff;font-weight:bold;border-radius:3px;display:none; }



        .upside {}
        .upside:hover { transform:rotate(180deg);
                -ms-transform:rotate(180deg); 	/* IE 9 */
                -moz-transform:rotate(180deg); 	/* Firefox */
                -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
                -o-transform:rotate(180deg); 	/* Opera */
                transition: transform .2s ease 0s;
                -ms-transition: transform .2s ease 0s;
                -moz-transition: transform .2s ease 0s;
                -webkit-transition: transform .2s ease 0s;
                -o-transition: transform .2s ease 0s;
        }

       .grayscale{
    /**  格式，filer: grayscale(效果范围)
     *  效果范围，取值范围为0-1或0-100%；0表示无效果，1或100%表示最大效果
     */
     -webkit-filter: grayscale(100%);
     -o-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
     filter: grayscale(100%);  
     filter:gray;
  }

.po { height:30px;line-height:30px; background:url('/images/pository.png') 0 6px no-repeat;padding-left:20px;margin:15px 0;}
    .po span { color:#28A9FF; }
.posting { font-size:15px;font-family:'微软雅黑';color:#0026ff;display:none; }

.ctitle { font-size:16px;font-family:'幼圆','微软雅黑'; margin:5px 0 10px 0; padding:0 10px 10px 10px;border-bottom:#2883D8 1px solid; color:#2883D8;}
.note_tips { background:#FFFEE5 url('/images/note.png') 10px center no-repeat;padding:15px 10px 15px 50px;
             margin:10px;border:#F3D78A 1px solid;border-radius:3px;font-size:13px;color:#444; }
.comtip { color:red;padding:0 5px; }

/*页码*/
#gqm_page{ margin:10px 0 0 0; }
	#gqm_page ul{ margin:0; padding:0; float:left; list-style:none;margin-right:10px;}
		#gqm_page ul li{ float:left; width:23px; height:23px; line-height:23px; background-color:#c2c2c2; margin:0 2px;text-align:center;cursor:pointer;}
            #gqm_page ul li:hover {background:#28A9FF; }
		#gqm_page li a{  color:#fff;}
		#gqm_page li a:hover{ color:#fff;}
        #gqm_page li a:visited{ color:#fff;}
                    
		.page_bg_now{background-color:#fff;}
        .page_bg{background-color:#c2c2c2; }
    #goto_page { float:left;height:23px;margin-top:-3px;}
        #goto_page td { vertical-align: middle; height:23px;margin:0 3px;}
        #txtPage { width: 32px;border:#ccc 1px solid; }
        #btnOK { cursor: pointer; }