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

.module {
	width: 980px;
	margin: 0 auto;
	}

.clear_left {
	clear: left;
	}

.clear_right {
	clear: right;
	}

.clear_both {
	clear: both;
	}
body{
    /*font-family: "Open Sans", Arial, Helvetica, sans-serif;*/
    font-family: 'Segoe UI', Tahoma, sans-serif;
    font-size: 13px;
    color: #444;
    min-width: 1020px;
}
/*=============header=================*/
#header{
    background: url("../img/bgtop.PNG") no-repeat;
    background-size: 100% 200px;
}
#header .top{
    background: rgba(247, 248, 250, 0.6);
    border-bottom: 1px solid #e8eaeb;
}
#header .top h2{
    font-weight: normal;
    font-size: 13px;
    padding: 5px 0;
    color: #909091;
}
.header{
    padding: 5px 0;
}
.header>div{
    float: right;
    margin-top: 20px;
}
.header>div ul,.header>div ul li{
    float: left;
}
.header_hotline{
    border: 1px solid #e8eaeb;
    border-radius: 15px;
}
.header_hotline li{
    height: 18px;
    padding: 6px 9px 6px 5px;
}
.header_hotline li:first-child{
    padding: 6px 5px 6px 10px;
    border-right:1px solid #e8eaeb;
}
.header_hotline li span{
    color: red;
}
.socials li {
    display: inline-block;
    margin: 0px 2px;
}
.socials li a {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    border: 1px solid #e8eaeb;
}
.socials li a:hover{
    border: 1px solid #0043e8;
}
.socials li:hover a svg path:not(.no){fill:#0043e8;}
/*-----menu----*/
.menu {
    background: rgba(34, 99, 229, 0.76);
}
.menu .module > ul {
    float: left;
}
.menu .module > ul > li:first-child {
    margin-left: 0;
}
.menu .module > ul > li {
    float: left;
    position: relative;
}
.menu .module > ul > li > a {
    float: left;
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 0 17px;
    line-height: 38px;
    position: relative;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
}
.menu .module > ul > li:hover > a, .menu .module > ul > li>a.active,.menu .module > ul > li ul li:hover a  {
    background: #0043e8;
    color: #fff;
    font-weight: 600;
}
.menu .module > ul > li ul li:hover a{
    background: rgba(0, 67, 232, 0.82);
}
.menu .module > ul > li ul {
    position: absolute;
    top:38px;
    left: 0;
    width: 220px;
    /*background: #fcfcfc;*/
    background: rgba(83, 133, 232, 0.82);
    z-index: 999999;
    display: none;
    border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;

    overflow: hidden;
}
.menu .module > ul > li.active ul {
    z-index: 999;
}
.menu .module > ul > li:hover ul {
    display: block;
}
.menu .module > ul > li ul li {
    border-top: 1px solid #eee;
}
.menu .module > ul > li ul li:first-child {
    border-left: 0;
}
.menu .module > ul > li ul li a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 8px 15px;
}
/*---slide----*/
.slider{
    /*margin-top: 10px;*/
    background-color: rgba(0, 67, 232, 0.21);
}
.slider li a img{
    height: 320px;
    width: 100%;
}
/*---service home----*/
.services_home{
    margin: 5px 0 20px 0;
}
.services_home .module{
    width: 1020px;
}
.services_home li{
    width: 340px;
    min-height: 300px;
}
.services_home li> *{
    margin:0 20px;
    width: 300px;
    color: #686868;
    text-align: justify;
}
.services_home li a{
    text-transform: uppercase;
    font-weight: bold;
    line-height: 2em;
    color: #413E3E;
    font-size: 14px;
}
.services_home li img{
    width: 300px;
    height: 160px;
}
.slogan {
    margin: 30px 0px 20px 0px;
    line-height: 24px;
    font-size: 18px;
    color: #868686;
}
.slogan strong{
    color:#0054a6;
}
/*---index-----*/
#index{
    background:#E9E9E9 url('../img/bg.jpg') no-repeat center top;
    padding-top:24px;
    text-align: justify;
}
#index p,#index a{
    color: #575757;
}
#index>div>div{
    display:inline-block;
    vertical-align:top;
    width:232px;
    position:relative;
    padding-left:65px;
    padding-right:20px;
    height: 340px;
}
#index>div>div h3{
    color:#0054a6;
    font-weight:600;
    font-size:16px;
    line-height:28px;
    margin:0px 0px 20px 0px;
}
#index>div>div>.icon{
    position:absolute;
    left:0px;
    top:5px;
}
#index>div>div ul .images,#index>div>div ul .images img{
    width:56px;
    height:56px;
    float:left;
    margin:0px 10px 0px 0px;
}
#index>div>div ul li .title{
    margin:10px 0px 30px 0px;
    display:block;
    height:56px;
    overflow:hidden;
    line-height:18px;
    font-size:13px;
}
#index>div>div ul li:hover .title{
    color:#000;
    text-decoration:underline;
}
#index>div>div ul li:last-child .title{
    margin-bottom:0;
}
#index>div>div:first-child a img{
    width: 232px;
    height: 105px;
}

#index>div>div:before{
    content : "";
    position: absolute;
    left    : 25px;
    bottom  : 0;
    height   : 60%;  /* or 100px */
    border-left:1px solid #e4e4e4;
}
#index>div>div:first-child p{
    height: 100px;
    overflow: hidden;
    padding-top: 20px;
}
/*#index>div>div:last-child{*/
    /*height: 340px;*/
/*}*/
#index>div>div:last-child p{
    line-height:26px;
}
#index>div>div:last-child p img{
    float:left;
    margin-right:5px;
}
#index>div>div:last-child p span{
    margin-left: 31px;
}
.seemore:hover {
    color: #000;
    text-decoration: underline;
}
.seemore {
    font-size: 13px;
    padding-left: 24px;
    background: url('../img/breadcrum-nav.png') no-repeat 10px center;
    line-height: 20px;
    margin: 10px 0px;
    display: inline-block;
}
/*---partner----*/
#partner .carousel-part{
    margin:10px 0;
    height: 85px;
}

#partner .carousel-part li img{
    width: 163px;
    height: 85px;
}
/*--footer-----*/
#footer{
    background:url('../img/pattern.png');
    /*height:268px;*/
    color:#fff;
}
#footer > .module > div{
    /*height:206px;*/
    display:inline-block;
    width:212px;
    vertical-align:top;
    padding:18px 8px 18px 6px;
}
#footer > .module > div:first-child{
    width:256px;
    padding-top:60px;
    height:166px;
    color: #f1f1f1;
    text-align: center;
}
#footer > .module > div > p,#footer > .module > div > a{
    margin:0px 0px 15px 0px;
    line-height:32px;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
}
#footer > .module > div:first-child > p{
    font-weight: 400;
    line-height: 2em;
    font-size: 13px;
}
#footer .list li {
    margin:0px 10px;
}
#footer .list li a{
    display:block;
    color:#fff;
    padding-left:24px;
    position:relative;
    line-height:28px;
    border-top:1px dashed rgba(255,255,255,0.5);
}
#footer .list li a:before{
    content:'>>';
    font-size:12px;
    font-family:cursive;
    position:absolute;
    left:0px;
    font-style:normal;
}
#footer .list li:first-child a{
    border:0;
}
#footer .list li:hover a{
    font-style:italic;
}
#footer .gallery li {
    display:inline-block;
}
#footer .gallery li a{
    display:inline-block;
    width:56px;
    height:56px;
    border:1px solid #8ab0dd;
    margin:2px;
}
#footer .gallery li a img{
    width:56px;
    height:56px;
}
#footer .gallery li:hover a{
    border-color:#fff;
}
#footer .socials li {
    display:inline-block;
    margin:0px 2px;
}
#footer .socials li a{
    display:block;
    width:32px;
    height:32px;
    background:#fff;
    border-radius:32px;
}
#footer .socials li:hover a svg path:not(.no){
    fill:#000;
}
#footer #copyright{
    height:42px;
    width:100%;
    background:rgba(0,0,0,0.5);
    color:#ccc;
    font-size: 11px;
}
#footer #copyright p{
    line-height:42px;
    margin:0;
}
.gotop{
    color: #ccc;
    float: right;
    margin-top: 12px;
}
.gotop:hover{
    color:#fff;

}
/*--- list new----*/
.container .module {
    background: #fff;
    border: 1px solid #d8d8d8;
    border-top: none;
}
/*left*/
.left {
    margin-right: 740px;
    border-right: 1px solid #dbdbdb;
    background: #fafafa;
    padding: 15px 0;
}
.left .box >h4{
    background: rgba(34, 99, 229, 0.76);
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 7px 10px 7px 15px;
    font-size: 14px;
    margin-left: -8px;
    position: relative;
}
.left .box > h4 span {
    position: absolute;
    bottom: -7px;
    left: 0;
    border-top: 4px solid rgba(34, 99, 229, 0.76);
    border-right: 4px solid rgba(34, 99, 229, 0.76);
    border-left: 4px solid transparent;
    border-bottom: 4px solid transparent;
    display: block;
}
.left dl {
    float: left;
    width: 220px;
    margin: 10px;
}
.left dl dt {
    float: left;
    overflow: hidden;
}
.left dl dt img,.support_left  a img{
    width: 80px;
    height: 60px;
    border: 1px solid #ddd;
}
.left dl dd {
    float: right;
    width: 130px;
    padding-left: 5px;
    text-align: justify;
}
.left dl dd a {
    color: #444;
    font-size: 12px;
}
.left dl dd a:hover,.left dl:hover a,.support_left  a:hover{
    color: #2270ff;
}
.support_left dl dd a{
    text-align: left;
    line-height: 24px;
    font-weight: bold;
}
.support_left dl dd p{
    color: #999;
}
.support_left i{
    line-height: 18px;
    color: #999;
    padding: 0px;
    margin: 10px;
    display: block;
    font-size: 12px;
}
/*right*/
.right {
    float: right;
    width: 715px;
    margin: 0 10px 0 15px;
}
.breadcrumb {
    display: block;
    margin: 0px;
    padding: 0px 10px 0px 15px;
    overflow: hidden;
    background-size: 16px 16px;
    border-bottom: 1px solid #f0f0f0;
    width: 720px;
    left: -30px;
    position: relative;
}
.breadcrumb a {
    display: inline-block;
    padding: 0px 15px 0px 10px;
    height: 28px;
    line-height: 28px;
    background: url('../img/breadcrum-nav.png') no-repeat center right;
    vertical-align: top;
}
.breadcrumb a:last-child {
    background: none !important;
    color: #000;
    font-weight: 600;
}
/*paging*/
.paging {
    font-family: Tahoma, Geneva, sans-serif;
    display: block;
    float: right;
    width: auto !important;
}
.paging a:hover {
    background-color: #eee;
}
.paging a {
    padding: 4px 8px !important;
    font-size: 11px;
    line-height: 24px;
    border: 1px solid #ddd !important;
    margin-left: -1px;
    color: #777 !important;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.paging .selected a {
    color: #999 !important;
    background-color: #eee !important;
}
/*h1*/
.right>h1 {
    margin: 0;
    line-height: 36px;
    padding-left: 10px;
    margin: 5px 0px 10px 0px;
}
.right>h1>strong {
    font-weight: normal;
}
/*list*/
.right .list {
    display: block;
}
.list dl {
    padding: 10px 0px;
    border-bottom: 1px solid #f0f0f0;
    width: 100%;
    float: left;
}
.list dl dt{
    float: left;
}
.right .list dl dt a{
    display: table-cell;
    width: 250px;
    height: 175px;
    vertical-align: middle;
    text-align: center;


}
.right .list dl dt a img{
    width: 250px;
    height: 175px;
    border: 1px solid #f0f0f0;
    padding: 4px;
}
.list dl dd{
    margin: 10px 0px 0px 0px;
    padding: 4px 0px 4px 15px;
    float: right;
    width: 435px;
}
.list dl dd a{
    line-height: 24px;
    font-weight: 700;
    font-size: 13px;
}
.list dl dd p{
    line-height: 18px;
    margin: 0;
    text-align: justify;
}
/*news*/
.news-info {
    color: #999;
    font-size: 12px;
    padding-left: 20px;
    background: url('../img/date.jpg') no-repeat left center;
    margin: 0 0 10px 0;
}
.news{
    text-align: justify;
}
.news p{
    line-height: 22px;
}
.right h2 {
    line-height: 24px;
    margin: 20px 0 10px 0;
    font-weight: 600;
    font-size: 13px;
}
.share {
    margin-top: 10px;
}
.sidemenu li {
    display: block;
    line-height: 24px;
    border-top: 1px dashed #eee;
    padding: 4px 0px;
}
.sidemenu li:before {
    content: '>>';
    float: left;
    margin-right: 5px;
    font-family: monospace;
    letter-spacing: -1px;
    line-height: 22px;
    font-size: 10px;
}
.sidemenu a:hover{
    text-decoration: underline;
}
/*gallery*/
.gallery {
    display: block;
}
.gallery dl {
    display: inline-block;
    width: 220px;
    margin: 20px 7px;
}
.gallery dl dt a img {
    border-radius: 10px;
    vertical-align: middle;
    width: 225px;
    height: 150px;
}
.gallery dl dd h3 {
    display: block;
    margin: 10px 0px;
    line-height: 20px;
    text-align: center;
    font-weight: 500;
}
/*contact*/
#mapcont {
    height: 360px;
    width: 100%;
}
#contact-form {
    display: inline-block;
    width: 430px;
    vertical-align: top;
    margin: 10px 40px 0px 10px;
}
#contact-form input[type="text"],#contact-form ul li textarea {
    width: 100%;
    /*float: right;*/
    /*border-radius: 3px;*/
    /*-webkit-border-radius: 3px;*/
    /*-moz-border-radius: 3px;*/
    /*-ms-border-radius: 3px;*/
    /*-o-border-radius: 3px;*/
    box-shadow: inset 0 0 8px 0 #ddd;
    -webkit-box-shadow: inset 0 0 8px 0 #ddd;
    -moz-box-shadow: inset 0 0 8px 0 #ddd;
    -ms-box-shadow: inset 0 0 8px 0 #ddd;
    -o-box-shadow: inset 0 0 8px 0 #ddd;
    border: 1px solid #cbcbcb;
    padding: 4px;
    font-family: Tahoma, Geneva, sans-serif;
    position: relative;
    margin-right: -10px;
}
#contact-form label {
    line-height: 36px;
    font-weight: 700;
    color: #888;
}
#contact-form input[type="submit"] ,#contact-form input[type="reset"]{
    margin-left: 130px;
    float: left;
    border: 0;
    width: auto;
    padding: 4px 10px;
    line-height: 24px;
    background: #007BEF;
    color: #fff;
    margin-top: 10px;
}
#contact-form input[type="reset"]{
    background: #999;
    margin-left: 10px;
}
.errorMessage{
    color: red;
}
.contact_infor {
    display: inline-block;
    width: 460px;
    vertical-align: top;
    margin: 10px 10px 0px 10px;
}
.contact_infor h1 {
    font-size: 18px;
    text-transform: uppercase;
    margin: 10px 0;
    color: #087CEF;
}
.contact_infor p {
    line-height: 20px;
    text-align: justify;
    color: #888;
    margin: 0 0 10px 0;
}
.contact_infor a{
    color: #888;
}
.contact_infor p strong {
    display: inline-block;
    width: 80px;
    margin-right: 10px;
    padding-left: 24px;
}
.contact_infor p.hotline>strong {
    background: url('../img/mobile.png') no-repeat 0px center;
}
.contact_infor p.email>strong {
    background: url('../img/mail.png') no-repeat 0px center;
}
.contact_infor p.address>strong {
    background: url('../img/address.png') no-repeat 2px center;
}
.contact_infor p.website>strong {
    background: url('../img/website.png') no-repeat 0px center;
}
/*banner*/
#banner,#banner img{
    height: 115px;
    width: 100%;
}