@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}

body{ font:14px Arial,"MicroSoft YaHei",Helvetica, sans-serif,Verdana; color:#4e4e4e; background:#f1f5f8;}
a{ outline:none; text-decoration:none; color:#4e4e4e;}
a:hover{ color:red;}
img { border:0;}
ol, ul, li { list-style-type:none;}

.main_div1{ overflow:hidden;}
.main_div2{ overflow:hidden; width:1160px; margin:-100px auto 20px; z-index:10; position:relative; background:url(../image/main_bg.png); padding:0 20px 20px;}
.main_div3{ overflow:hidden; width:1160px; margin:-100px auto 20px; z-index:10; position:relative; border-top:6px solid #027ac6; padding:12px 20px 30px; background:#FFF;}

.top{ height:100px; background:url(../image/head_bg.jpg) center top; padding-top:20px;}
.top .header{ width:1200px; margin:0 auto; height:90px;}
.top .header .logo{ float:left;}
.top .header .head{ float:right; width:222px;}
.top .header .headTxt{ margin:0 auto; height:25px; line-height:25px; text-align:right;}
.top .header .headTxt a{ margin-left:10px;}
.top .header .search{ width:222px; height:32px; margin-top:25px;}
.search input{ border:0; height:32px; float:left;}
.search input[type=text]{ width:170px; background:url(../image/Search.png) left center; padding-left:12px;}
.search input[type=submit]{ width:40px; background:url(../image/Search.png) right center; cursor:pointer;}

/*scrollNav Css*/
.gridNav{ width:100%; box-shadow: 4px 4px 4px rgba(15, 96, 158, 0.4);  background:#026daf; z-index:10; position:relative;}
.nav{ width:1200px; height:55px; margin: 0 auto; position:relative;}
.nav ul.ulBox{ display:block; width:100%; height:55px; position:relative; z-index:2;}
.nav ul.ulBox li{ display:block; width:150px;  height:55px; float:left; position:relative;/* border-right: 1px solid #03629c; border-left: 1px solid #1174c3;*/}
.nav ul.ulBox li a{ display:block; width:100%; text-decoration:none; height:55px; line-height:55px; text-align:center; color:#eaf5fe;text-shadow: 1px 1px 1px #0c73c3; font-family:'Microsoft YaHei'; font-size:18px;font-weight:bold;}
.nav ul.ulBox li a:hover{color:#fff;}
.nav ul.ulBox li ul{ display: block; overflow:hidden; width:100%; height:0px; background:#056aa8; position:absolute; top:55px; left:0px;}
.nav ul.ulBox li ul li{ height:40px; width:100%; }
.nav ul.ulBox li ul li a{ height:40px; line-height:40px;}
.nav ul.ulBox li ul li a:hover{ background:#1074c0; height:40px; line-height:40px; color:#fff;}
.nav .scrollObj{ width:150px; height:55px; position:absolute; z-index:1; left:0px; top:0px; background:#1b82c2;}
/*scrollNav Css*/

.chanpin {overflow:hidden; margin-bottom:30px; border-top:6px solid #027ac6; padding:12px 0 0;}
.chanpin .cbar{ height:28px; line-height:28px; background:url(../image/ProBar.png) repeat-x bottom; margin-bottom:28px;}
.chanpin .cbar img{ float:left;}
.chanpin .cbar a{ color:#787878; float:right;}
.chanpin .Cp{ overflow:hidden;}
.chanpin .CpBox{ margin:0 55px; overflow:hidden; position:relative;}
.chanpin .Button{ width:28px; height:143px; background:url(../image/FwButton.png) no-repeat; cursor:pointer;}
.chanpin .Prev{ float:left; background-position:left center;}
.chanpin .Next{ float:right; background-position:right center;}
.chanpin .CpBox ul{width:1000%; position:relative; position:relative; left:0;}
.chanpin .CpBox ul li{ width:200px; height:143px; float:left; margin:0 4px; overflow:hidden;border:1px solid #ccc;}
.chanpin .CpBox ul li img{ width:200px; height:143px; display:block;}
.chanpin .CpBox ul li .txt{ position:relative; top:-35px;background:#027ac6;text-algin:left; text-indent:0em; padding:5px 10px;line-height:25px; color:#FFF;
	filter:alpha(opacity=80); /*IE滤镜，透明度50%*/
	-moz-opacity:0.8;         /*Firefox私有，透明度50%*/
	opacity:0.8;              /*其他，透明度50%*/
}

.main{ overflow:hidden;}
.main .about{ float:left; width:420px; margin-right:30px;}
.main .news{ float:left; width:380px;}
.main .contact{ float:right; width:300px;}
.about .cont, .news .cont, .contact .cont{ height:175px; line-height:26px;}

.aboutUs{ overflow:hidden; margin-bottom:10px;}
.aboutUs img{ height:300px; float:left; margin:0 20px 0 0;}
.aboutUs .contUs{ line-height:25px; text-indent:2em;}
.linkUs .contUs{ padding:5px 0;}
.linkUs .contUs.img img{ margin:5px 3px; width:160px; border:1px solid #e1e1e1;}
.linkUs .contUs.txt a{ margin:5px 3px;}

.box{ margin-bottom:20px;}
.box .bar{ background:url(../image/bar.png) repeat-x left bottom; overflow:hidden;}

.box .bar .tit{ width:120px; height:18px; padding:12px 10px; float:left;}
.box .bar .tit02{ background:#027ac6;}
.box .bar .tit01 h5{ height:26px; line-height:22px; display:block; font-size:16px; color:#3A3A3A;float:left;}
.box .bar .tit01 a {color:#3a3a3a;}
.box .bar .tit01 a:hover{color:red;}
.box .bar .tit01 span{ -webkit-text-size-adjust:none; height:16px; line-height:16px; display:block; font-size:8px; color:#c2c9cf;}
.box .bar .tit02 h5{ height:18px; line-height:18px; display:block; font-size:14px; color:#FFF;}
.box .bar .tit02 span{ -webkit-text-size-adjust:none; height:16px; line-height:16px; display:block; font-size:8px; color:#c8ddf8;}

.box .cont, .box .contUs{ padding:5px 0; overflow:hidden;}

.about p{ line-height:25px; overflow:hidden; text-indent:2em;}
.about img{ float:left; margin-right:10px;}

.news .one{ overflow:hidden;padding-bottom:3px;}
.news .one img{ float:left; width:112px;height:75px; margin-right:10px;}
.news .one .tit{ color:#1a1a1a; font-size:14px; line-height:27px; font-weight:bold;}
.news .one .con{ color:#787878; font-size:12px; line-height:24px;}
.news ul li{ height:26px; line-height:26px;}
.news ul li a{float:left;}
.news ul li span{ float:right;width:76px;}

.case ul{ overflow:hidden; margin-top:16px; *margin-top:21px;}
.case ul li{ width:270px; float:left; overflow:hidden; height:193px; margin:0 9px 18px; border:1px solid #ccc; position:relative;}
.case ul li img{ width:270px; display:block; height:193px;}
.case ul li .txt{ position:relative; background:#F74A06; padding:5px 15px;line-height:25px; height:25px; color:#FFF;
	filter:alpha(opacity=80); /*IE滤镜，透明度50%*/
	-moz-opacity:0.8;         /*Firefox私有，透明度50%*/
	opacity:0.8;              /*其他，透明度50%*/
}

.link .bar{ height:30px; line-height:30px; border-bottom:2px solid #bec6cc; padding:0 25px 0 0;}
.link .bar span{ font-size:16px; color:#bec6cc; float:left; font-weight:bold;}
.link .bar a{ font-size:14px; color:#1894aa; float:right;}
.link .cont{ padding:5px 0;}
.link .img img{ margin:5px 10px; width:180px; border:1px solid #e1e1e1;}
.link .txt a{ margin:5px 10px;}

.left{ float:left; width:840px;}
.right{ float:right; width:300px;}

.main_div3 .box{ margin-bottom:10px;}
.main_div3 .box .bar .tit03{ height:24px; line-height:30px; font-weight:bold; font-size:16px;}

.main_div3 .left .cont{ min-height:600px;}

ul.list li{ color:#121212; height:36px; line-height:36px; border-bottom:1px dashed #ccc}
ul.list li a{}
ul.list li span{ float:right;}


ul.xmzs{ overflow:hidden; margin-top:16px; *margin-top:21px;}
ul.xmzs li{ width:260px; margin:0 10px 15px; float:left;}
ul.xmzs li a{ display:block;}
ul.xmzs li a.img{ border:1px solid #ccc; padding:3px;}
ul.xmzs li a.img img{ width:252px; height:200px;display:block;}
ul.xmzs li a.txt{ line-height:30px; text-align:center; background:#EBEBEB}

.artName{ font-size:20px; font-weight:bold; text-align:center; margin-bottom:8px; line-height:30px;}
.artInfo{ font-size:12px; text-align:center; margin-bottom:10px; line-height:20px;}
.artCont{ font-size:16px; line-height:30px;}

.artInfo_2{ overflow:hidden; margin-bottom:15px; border-bottom:2px solid #a1a1a1; padding-bottom:10px;}
.artJJ{ line-height:29px; text-indent:2em;font-size:16px;}
.artPic{ float:right; width:196px; margin-left:20px; border:1px solid #CCC; padding:3px 2px;}

.sort li{ color:#121212; height:36px; line-height:36px; border-bottom:1px dashed #ccc}
.sort li a{ display:block;}

.mess input, .mess textarea, .mess img{ border:1px solid #CCC; vertical-align:middle;}
.mess input{ line-height:24px;}
.mess textarea{ font-size:12px;}
.mess img{ height:24px;}

.footer{ background:#3e454b;}
.footer .foot{ width:1180px; padding:12px 0; line-height:25px; color:#FFF; margin:0 auto;}
.footer .foot a{ color:#FFF;}
.footer .foot a:hover {color:red;}
.footer .foot img{ float:right;}

.Page{ text-align:center; font-size:14px; margin-top:10px;}
.Page .selected{ color:#F00;}
.clear{ clear:both;}

p{line-height:28px;text-indent:2em}
.px{line-height:25px;text-indent:0em}

/* Online Message */

.clearfix {
    padding:25px 0 0 130px;
    clear: both;
}

.form-2 {
    /* Size and position */
    width: 800px; height:520px;margin: 30px auto 30px; padding: 15px; position: relative;

    /* Styles */
    background: #fffaf6; border-radius: 4px; color: #7e7975;
    box-shadow:
        0 2px 2px rgba(0,0,0,0.2),        
        0 1px 5px rgba(0,0,0,0.2),        
        0 0 0 12px rgba(255,255,255,0.4); 
}

.form-2 h1 {
    font-size: 15px; font-weight: bold; color: #bdb5aa; padding-bottom: 8px; border-bottom: 1px solid #EBE6E2;
    text-shadow: 0 2px 0 rgba(255,255,255,0.8);
    box-shadow: 0 1px 0 rgba(255,255,255,0.8);
}

.form-2 h1 .log-in,
.form-2 h1 .sign-up {
    display: inline-block; text-transform: uppercase;
}

.form-2 h1 .log-in {
    color: #6c6763; padding-right: 2px;
}

.form-2 h1 .sign-up {
    font-size:16px; color: #ffb347; padding-left: 2px;
}

.form-2 .float {
    width: 300px; float: left; padding: 15px 0 0 10px; border-top: 1px solid rgba(255,255,255,1);
}

/*.form-2 .float:first-of-type {padding-left: 5px;}.form-2 .float:last-of-type {padding-left: 5px;}*/

.form-2 label {
    float:left;display: block; padding: 5px 0 5px 2px; cursor: pointer; text-transform: uppercase; font-weight: 400; text-shadow: 0 1px 0 rgba(255,255,255,0.8); font-size: 16px;
}

.form-2 label i {
    margin-right: 5px; /* Gap between icon and text */
    display: inline-block;
    width: 10px;
}

.form-2 input[type=text],
.form-2 input[type=password],
.form-2 select {
    float:left;
    font-size: 14px;
    font-weight: 400;
    display: block;
    width: 55%;
    padding: 5px;
    margin-bottom: 5px;
    border: 3px solid #ebe6e2;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.form-2 input[type=text]:hover,
.form-2 input[type=password]:hover {
    border-color: #CCC;
}
.form-2 .LogMsg{float:left;color:red;padding:6px 0 0 80px;}

.form-2 label:hover ~ input {
    border-color: #CCC;
}

.form-2 input[type=text]:focus,
.form-2 input[type=password]:focus {
    border-color: #BBB;
    outline: none; /* Remove Chrome's outline */
}

.form-2 input[type=button],
.form-2 .log-twitter {
    /* Size and position */
    width: 40%;
    height: 38px;
    float: left;
    position: relative;

    /* Styles */
    box-shadow: inset 0 1px rgba(255,255,255,0.3);
    border-radius: 3px;
    cursor: pointer;

    /* Font styles */
    font-size: 18px;
    line-height: 38px; /* Same as height */
    text-align: center;
    font-weight: bold;
}

.form-2 input[type=button] {
    margin-left: 1%;
    background: #fbd568; /* Fallback */
    background: -moz-linear-gradient(#fbd568, #ffb347);
    background: -ms-linear-gradient(#fbd568, #ffb347);
    background: -o-linear-gradient(#fbd568, #ffb347);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fbd568), to(#ffb347));
    background: -webkit-linear-gradient(#fbd568, #ffb347);
    background: linear-gradient(#fbd568, #ffb347);
    border: 1px solid #f4ab4c;
    color: #996319;
    text-shadow: 0 1px rgba(255,255,255,0.3);
}

.form-2 .log-twitter {
    margin-right: 1%;
    background: #34a5cf; /* Fallback */
    background: -moz-linear-gradient(#34a5cf, #2a8ac4);
    background: -ms-linear-gradient(#34a5cf, #2a8ac4);
    background: -o-linear-gradient(#34a5cf, #2a8ac4);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#34a5cf), to(#2a8ac4));
    background: -webkit-linear-gradient(#34a5cf, #2a8ac4);
    background: linear-gradient(#34a5cf, #2a8ac4);
    border: 1px solid #2b8bc7;
    color: #ffffff;
    text-shadow: 0 -1px rgba(0,0,0,0.3);
    text-decoration: none;
}

.form-2 input[type=button]:hover,
.form-2 .log-twitter:hover {
    box-shadow: 
        inset 0 1px rgba(255,255,255,0.3), 
        inset 0 20px 40px rgba(255,255,255,0.15);
}

.form-2 input[type=button]:active,
.form-2 .log-twitter:active{
    top: 1px;
}

.pop_box{border:1px solid #000; position:absolute; z-index:99; right:0px; top:300px; background:#000;}
.pop_box,.player_video{width:280px; height:210px;}
.player_video{position:absolute; left:0; top:0; z-index:1;}
.close_open{display:block; width:40px; height:18px; line-height:18px; text-align:center; color:#000; background:#ccc; position:absolute; right:0; top:0; z-index:199; font-size:12px; text-decoration:none;}
div.clink a,div.clink a:link,div.clink a:visited { display:block; width:280px; height:209px;background:red; top:0px;z-index:100;position:absolute; filter:alpha(opacity=0);opacity:0.0;}
div.clink a span { display:block;width:0px; height:0px; backgrond:blue;background:red; z-index:99;position:absolute;filter:alpha(opacity=0);opacity:0.0;}


        /*设置弹出层窗口的大小*/
        #ShowLoading {display:none;}
        #divLoginWindow
        {
            display: none;
            position: absolute;
            z-index: 200;
            width:850px;
        }
        #closeBtn
        {
            position: absolute;
            right: 10px;
            top: 10px;
            cursor: hand;
        }
        /***遮罩层****/
        #greybackground
        {
            background: #000000;
            display: block;
            z-index: 100;
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
        }