﻿@charset "utf-8";
/* CSS Document */

@import url("common_2016.css");
body {
	font-family:"微软雅黑";
	font-size:14px;
	line-height:26px;
	color:#333;
	background:#eeeeee;
}
.input1{border:1px solid #e5e5e5; height:50px;line-height:50px; outline:medium;color:#999;padding:0px 10px;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;font-size:16px;font-family:"微软雅黑"; width:100%;margin-bottom:20px;}

.input2{border:0px solid #c5c5c5;height:60px;line-height:60px; outline:medium;color:#999;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;background:#117ec3; text-align:center;color:#fff;font-size:16px;font-family:"微软雅黑";}


.input3{border:1px solid #e5e5e5; line-height:30px; outline:medium;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;padding:10px;color:#999;font-size:16px;font-family:"微软雅黑";width:100%;height:190px}

.lxwm3 .btn{width:200px;margin:0px auto;}
.butt{border:1px solid #757575;height:40px;line-height:40px;color:#333; text-align:center;background:#fff;width:100%;outline:medium;CURSOR:pointer}

.lxwm2 H1{ position:relative;border-bottom:1px solid #e4e4e4;line-height:40px;padding-bottom:10px;}
.lxwm2 H1 .line{width:150px;height:0;border-top:1px solid #002e90; position:absolute;bottom:0;}

.search{margin-top:18px;float:right;}
.but{border:1px solid #e4e4e4;border-right:0;background:#fff;color:#000;width:160px;height:28px;line-height:28px;padding:0px 0 0 5px;margin:0px;border-width:none;font-family:"微软雅黑";outline:medium;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;}

.w1200{width:1200px;margin:0px auto;}
.nav{height:70px;line-height:70px;font-size:28px;background:#117ec3;color:#fff; text-align:center;}
.header{background:#fff;}

.header .logo{width:160px;height:100px;float:left;}
.header .logo a{width:160px;height:100px;background:url(../Images/logo.jpg) no-repeat left 50%;display:block;}
.header .rightbox{float:right;width:940px;}

.header .rightbox .topbox{margin-top:10px;}
.header .rightbox .topbox span{float:left;color:#1291ff;}
.header .rightbox .topbox span a{color:#333;}
.header .rightbox .topbox span a:hover{color:#03C}
.header .rightbox .topbox span img{display:block;padding-top:5px;margin-left:5px;}



.header .rightbox .menu{width:670px;margin-top:15px;line-height:30px;float:left;;}
.header .rightbox .menu a{color:#333;font-size:16px;display:inline-block;padding:0px 10px;margin-right:10px;}
.header .rightbox .menu a:hover{background:#0c50a3;color:#fff;}
.header .rightbox .menu a.cur{color:#fff;font-size:16px;display:inline-block;padding:0px 10px;background:#0c50a3;}
.header .rightbox .menu a.last{color:#333;font-size:16px;display:inline-block;padding:0px 0px 0 10px;}



.banner{width:100%;height:608px;overflow:hidden;}

#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{ width:100%; height:608px; margin:0px auto; background:#333; position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(../Images/l.png) no-repeat; position:absolute; top:190px; left:10px; z-index:10;}
#playBox .next{ cursor:pointer; width:45px; height:45px; background:url(../Images/r.png) no-repeat; position:absolute; top:190px; right:10px; z-index:10;}
#playBox .smalltitle {width:100%; height:10px; position:absolute; bottom:15px; z-index:10;left:50%;margin-left:-50%;}
#playBox .smalltitle ul{ width:120px; margin:0 auto;}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#69aaec;}

.bg{background:#fff;}

.i-pro{padding:30px 0px;}

.i-pro .title{ position:relative;}

.i-pro .title h3{margin:0px auto;height:40px;font-size:30px;border-bottom:5px solid #0c50a3;width:120px;position:relative;background:#eee;z-index: 2;}
.i-pro .title .line{ position:absolute;bottom:2px;border-top:1px solid #bfbfbf;height:0px;width:100%; z-index:1;overflow: hidden; height:0px;}





.nbanner{height:300px;margin-top:20px;}


.part03{padding:30px 0px;background:#fff;}
.part03 .title{font-size:30px;height:40px;color:#000; text-align:center;}

.part04{height:80px;background:#ededed;}
.part04 .title{font-size:20px;line-height:80px;float:left;}
.part04 a{display:block;margin-left:10px;padding-top:10px;float:left;}
.part04 img{height:60px;border:1px solid #a7a7a7;}

.newstitle{ position:relative;}
.newstitle .box{margin:20px auto;height:30px;font-size:16px;width:204px;position:relative;z-index: 2;}
.newstitle .box a{height:30px;line-height:30px;display:inline-block; text-align:center;border:1px solid #e5e5e5;background:#fff;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;padding:0 15px;}
.newstitle .box a:hover{background:#0c50a3;border:1px solid #0c50a3;color:#fff;}
.newstitle .box a.on{height:30px;line-height:30px;display:inline-block; text-align:center;background:#0c50a3;border:1px solid #0c50a3;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;color:#fff;margin-right:0px;}
.newstitle .box a.width10{width:10px;display:inline-block;border:0;background:none;padding:0px;height:30px;}

.newstitle .line{ position:absolute;top:50%;border-top:1px solid #615d5c;height:0px;width:100%; z-index:1;overflow: hidden; height:0px;}

.part03 .conter{margin-top:30px;}
.part03 .conter .box_l{float:left;width:620px;}
.part03 .conter .box_l a.imgs{display:block;width:100%; overflow:hidden;}
.part03 .conter .box_l a.imgs p{
	width: 100%;
	height: 40px;
	line-height: 40px;
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
	color:#000;
	font-size:18px;
}
.part03 .conter .box_l a.imgs p:hover{color:#F90;}
.part03 .conter .box_l img{width:620px;height:245px;}

.part03 .conter .box_l a.more1{display:block;width:140px;height:40px;line-height:40px; text-align:center;color:#fff;background:#db2147;font-size:16px;margin-top:10px;}
.part03 .conter .box_l a.more1:hover{background:#f0395f;}


.part03 .conter .box_r{float:right;width:550px;}
.part03 .conter .box_r dl{margin-bottom:30px;}
.part03 .conter .box_r dl dt{width:100px;line-height:80px;border:0px solid #e0d4d4;padding:0px; text-align:center;float:left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-right:5px solid #f3f3f3;font-size:60px;color:#dcdcdc;}

.part03 .conter .box_r dl dd{float:left;width:420px;margin-left:30px;}
.part03 .conter .box_r dl dd h3{font-size:16px;font-weight:bold;color:#000;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.part03 .conter .box_r dl dd span{line-height:24px;margin-top:10px;display:block;color:#999;}
.part03 .conter .box_r dl:hover{cursor:pointer;}
.part03 .conter .box_r dl:hover dt{border-right:5px solid #0c50a3;color:#0c50a3;}
.part03 .conter .box_r dl:hover dd h3{color:#0c50a3;}
.part03 .conter .box_r dl:hover dd span{color:#666;}

.box_about{margin-top:30px;}
.box_about li{width:285px;margin-right:20px;float:left;}
.box_about li:last-child{margin-right:0px;}
.box_about li img{width:285px;height:131px;}

.box_about li .box{ text-align:center;line-height:25px;font-size:18px;padding:10px 5px;}


.box_about li .box .ch{color:#000;}

.box_about li .box .en{color:#cec8c8;}
.box_about li .box .line{width:90px;height:0px;border-top:1px solid #c9c9c9;margin:5px auto;}
.box_about li .box .txt{font-size:14px;line-height:20px;margin-top:15px;color:#8c8b8b; text-align:left;}

.box_about li:hover{background:#0c50a3;}
.box_about li:hover .box .ch{color:#fff;}
.box_about li:hover .box .en{color:#cec8c8;}
.box_about li:hover .box .line{width:90px;height:0px;border-top:1px solid #fff;margin:5px auto;}
.box_about li:hover .box .txt{font-size:14px;line-height:20px;margin-top:15px;color:#fff; text-align:left;}






.copyright{background:#363739;padding:60px 0px;}
.copyright .left{float:left;width:880px;}
.copyright .left ul li{margin-right:50px;float:left;width:180px;}
.copyright .left ul li:last-child{margin-right:0px;}
.copyright .left ul li a.tt{font-size:20px;border-left:0px solid #1999ff; text-indent:0px;display:block;margin-bottom:20px;color:#fff;background:none;}
.copyright .left ul li a{font-size:14px;color:#fff;line-height:25px;display:block;text-indent:0px;background:url(../Images/dot.png) no-repeat left 50%;}


.copyright .right{float:left;width:320px;}
.copyright .right p{line-height:30px;color:#fff;font-size:12px;}
.copyright .right .p1{background:url(../Images/tel.png) no-repeat left 50%; text-indent:30px;}
.copyright .right .p2{background:url(../Images/ico-people.png) no-repeat left 50%;text-indent:30px;}
.copyright .right .p3{background:url(../Images/ico-email.png) no-repeat left 50%;text-indent:30px;}



.footer{background:#045eb0;color:#fff;line-height:50px; text-align:center;}

.foot1{float:left;width:300px;color:#fff;}
.foot1 a{color:#fff;}
.foot1 a:hover{color:#6C6}
.foot2{float:right;width:580px;color:#fff; text-align:right;}
.foot2 a{color:#fff;padding:0px 10px;display:inline-block;}
.foot2 a:hover{color:#6C6}

.loc{height:90px;background:#045eb0;color:#fff;}
.loc h3{font-size:40px;float:left;border-left:5px solid #448aca;padding-left:20px;height:50px;line-height:50px;margin-top:20px;}
.loc span{float:right;margin-top:30px;}
.loc span a{display:inline-block;padding:0 20px;border-radius:5px;margin-right:10px;line-height:30px;background:url(../Images/dot1.png) no-repeat 80px 50%;color:#fff;}
.loc span a:hover{background:url(../Images/dot1.png) no-repeat 80px 50% #176bb8;}
.loc span a.on{display:inline-block;padding:0 20px;border-radius:5px;margin-right:10px;line-height:30px;background:url(../Images/dot1.png) no-repeat 80px 50% #176bb8;color:#fff;}




.mainbody{margin:0px auto;width:1200px;padding:30px 0px;}

.ntitle{ position:relative;}
.ntitle .box{margin:0px auto;height:30px;font-size:16px;width:310px;position:relative;z-index: 2;}
.ntitle .box a{height:30px;line-height:30px;display:inline-block; text-align:center;border:1px solid #e5e5e5;background:#fff;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;padding:0 15px;}
.ntitle .box a:hover{background:#0c50a3;border:1px solid #0c50a3;color:#fff;}
.ntitle .box a.on{height:30px;line-height:30px;display:inline-block; text-align:center;background:#0c50a3;border:1px solid #0c50a3;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;color:#fff;margin-right:0px;}
.ntitle .box a.width10{width:10px;display:inline-block;border:0;background:none;padding:0px;height:30px;}

.ntitle .line{ position:absolute;top:50%;border-top:1px solid #615d5c;height:0px;width:100%; z-index:1;overflow: hidden; height:0px;}

.ncontent{padding:30px;margin-top:30px;background:#fff;}
.ncontent h3{font-size:30px;color:#000;height:40px; text-align:center;}

.ncontent .neirong{color:#666;}


.newslist {margin-top:20px;}
.newslist li{margin-right:20px;width:1160px;background:#ffffff;padding:20px;float:left;margin-bottom:20px;}
.newslist li:nth-child(2n){margin-right:0px;}
.newslist li dl dt{float:left;width:90px;}
.newslist li dl dt img{width:500px; height:200px;}
.newslist li dl dd{float:left;width:600px;margin-left:450px;}
.newslist li dl dd a{display:block;margin-top:10px;}
.newslist li dl dd h3{float:left;width:80%;height:30px;color:#000;font-size:16px;line-height:30px;}
.newslist li dl dd span{float:right;width:20%;padding-left:20px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;background:url(../Images/time.png) no-repeat left 50%;height:30px;font-size:12px;line-height:30px;}
.newslist li dl dd p{font-size:14px;color:#666;margin-top:8px;}
.newsshow{margin-top:16px;}
.newsshow h1{line-height:60px; text-align:center;font-size:30px;color:#000;}
.newsshow span{color:#CCC; text-align:center;font-size:14px;text-align:center;display:block;}
.newsshow .viewcontent{line-height:36px;font-size:16px;color:#666;margin-top:20px;}

.downlist{margin-top:20px;}
.downlist li{height:40px;line-height:40px;border-bottom:1px solid #d2d2d2;padding:0 20px;}
.downlist li h3{float:left;width:80%; text-align:left;font-size:16px;}
.downlist li span{float:right;width:10%;font-size:16px; text-align:center}
.downlist li span a{display:block;background:#045eb0;height:30px;line-height:30px;color:#fff; text-align:center;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;margin-top:5px;}
.downlist li span a:hover{background:#0671d2;}
.downlist li.top{height:40px;line-height:40px;border-bottom:1px solid #d2d2d2;padding:0 20px;border-top:1px solid #d2d2d2;}
.downlist li.top h3{float:left;width:80%;font-weight:bold;}
.downlist li.top span{float:right;width:10%;font-weight:bold;text-align:center}




.leftsider{width:250px;float:left;}
.leftsider h3{font-size:30px;height:40px;border-bottom:1px solid #d2d2d2; position:relative;}
.leftsider h3 a{font-size:30px;height:40px;border-bottom:1px solid #045eb0; position:absolute;display:block;}
.leftsider ul{border:0px solid #dcdcdc;border-bottom:0px;margin-top:0px;}
.leftsider ul li{line-height:40px; text-align:left;height:40px;background:url(../Images/xx.gif) repeat-x left bottom;border-bottom:0px dashed #d2d2d2;}
.leftsider ul li a{font-size:16px;color:#333;display:block;background:url(../Images/dot.png) no-repeat 10px 50%;width:100%;border-left:0px solid #b5b5b5; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;text-indent:30px;}
.leftsider ul li a:hover{display:block;background:url(../Images/dot.png) no-repeat 10px 50% #eef2f5;width:100%;color:#0658a4;border-left:0px solid #84e55d;box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.leftsider ul li a.cur{display:block;background:url(../Images/dot.png) no-repeat 10px 50% #eef2f5;width:100%;color:#0658a4;border-left:0px solid #84e55d;box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;text-indent:30px;}

.rightsider{width:900px;float:right;}
.rightsider .title{height:40px;font-size:16px;}
.rightsider .title h3{float:left;width:120px;}
.rightsider .title span{float:left;width:720px;text-align:left;}

.rightsider ul{margin-top:20px;}
.rightsider ul li{float:left;width:246px;margin-right:20px;margin-bottom:20px;background:#f4f4f4;padding:20px;}
.rightsider ul li:nth-child(3n){margin-right:0px;}


.rightsider ul li img{width:246px;height:246px;}
.rightsider ul li p{text-align:center;color:#333;height:40px;line-height:30px;width:100%;;}

.rightsider .content{margin-top:20px;line-height:30px;}
.rightsider .content h3{font-size:24px; text-align:center;line-height:40px;border-bottom:1px solid #d2d2d2;padding-bottom:20px;}
.rightsider .content h1{height:40px;line-height:40px;background:#045eb0;color:#fff;font-size:18px; text-indent:16px;}

.lxwm1{border-bottom:1px solid #d2d2d2;}
.lxwm1 ul li{float:left;width:260px;margin-left:54px;padding-left:65px;height:80px;padding-top:20px;}
.lxwm1 ul li.li01{background:url(../Images/li1.jpg) no-repeat left 50%;}
.lxwm1 ul li.li02{background:url(../Images/li2.jpg) no-repeat left 50%;}
.lxwm1 ul li.li03{background:url(../Images/li3.jpg) no-repeat left 50%;}

.lxwm1 ul li:last-child{margin-right:0}




.right-flex {
    width: 60px;
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 100;
}

    .right-flex ul li {
        width: 200px;
        height: 60px;
        background: url(../Images/bg.png) no-repeat;
        background-size: cover;
        float: right;
        margin-right: -140px;
        margin-bottom: 1px;
        transition: all 0.5s ease;
    }

        .right-flex ul li.gotop {
            width: 280px;
            margin-right: -220px;
        }

            .right-flex ul li.two a .ico {
                background: url(../Images/n.png) no-repeat center center;
            }

        .right-flex ul li.gotop a .txt {
            font-size: 16px;
            line-height: 60px;
            color: #fff;
            font-family: Arial;
        }



        .right-flex ul li.gotop a .ico {
            background: url(../Images/o.png) no-repeat center center;
        }

        .right-flex ul li:hover {
            margin-right: 0;
            background: #3571b4;
        }

            .right-flex ul li:hover a .ico {
                right: 0;
                left: auto;
            }

            .right-flex ul li:hover a .txt {
                padding: 0 20px;
            }

            .right-flex ul li:hover a .code {
                filter: alpha(opacity=100);
                opacity: 1;
                visibility: visible;
            }

        .right-flex ul li a {
            display: block;
            width: 100%;
            height: 100%;
            position: relative;
        }

            .right-flex ul li a .ico {
                position: absolute;
                width: 60px;
                left: 0;
                top: 0;
                height: 60px;
                transition: all 0.5s ease;
                background: url(../Images/m.png) no-repeat center center;
            }

            .right-flex ul li a .txt {
                display: block;
                padding: 0 20px 0 60px;
                box-sizing: border-box;
                transition: all 0.5s ease;
                font-size: 16px;
                line-height: 60px;
                color: #fff;
            }

