@font-face{
    font-family: 'NotoSansHans-DemiLight';
    src: url('../fonts/NotoSansHans-DemiLight.eot'), /* IE*/
        url('../fonts/NotoSansHans-DemiLight.otf'),
        url('../fonts/NotoSansHans-DemiLight.woff');
}
@font-face{
    font-family: 'NotoSansHans-Regular';
    src: url('../fonts/NotoSansHans-Regular.eot'),
        url('../fonts/NotoSansHans-Regular.otf'),
        url('../fonts/NotoSansHans-Regular.woff');
}

@font-face{
    font-family: 'NotoSansHans-Medium';
    src: url('../fonts/NotoSansHans-Medium.eot'),
        url('../fonts/NotoSansHans-Medium.otf'),
        url('../fonts/NotoSansHans-Medium.woff');
}

@font-face{
    font-family: 'NotoSansHans-Light';
    src: url('../fonts/NotoSansHans-Light.eot'),
        url('../fonts/NotoSansHans-Light.otf'),
        url('../fonts/NotoSansHans-Light.woff');
}

@font-face{
    font-family: 'NotoSansHans-Bold';
    src:url('../fonts/NotoSansHans-Bold.eot'),
        url('../fonts/NotoSansHans-Bold.otf'),
        url('../fonts/NotoSansHans-Bold.woff');
}


*{ margin: 0; padding: 0;}
body,html{ overflow-x: hidden; font-family:'NotoSansHans-Regular';}
ul,li{ list-style: none;}
a,a:hover{text-decoration: none;}
area{ outline:none;}
/***********  首页  ***********/
/*.nav{width: 100%; margin: 0 auto}
.head{ position: fixed; left: 0px; top:0; z-index: 999;width: 100%;height: 103px; background-color: #fff}
.nav .navbar{ margin-bottom: 0;  border-radius: 0px;}
.nav .navbar-brand{ height: auto;}
.nav .navbar-default{ border:none; background: rgba(255,255,255,0.5)}
.menu{margin-bottom: 0; float: left;}
.menu>li{ float: left; text-align: center; width: 180px; letter-spacing: 2px;}
.menu>li>a{ color: #1b4c9a; font-size: 16px; line-height: 100px;}
.menu>li.active{ background: url(../img/nav_bg_02.jpg) no-repeat; background-size: 100% 100%;}
.menu>li.active a{ color: #ffffff;}
.menu>li ul{ display: none;padding-bottom: 30px;}
.menu>li ul li{ line-height: 28px; color: #ffffff;}
.login-top{ width: 70px; height: 26px;margin: 37px auto 0;}
.login-top i{float: left; background: url(../img/user.png) no-repeat left center; display: inline-block;width: 30px;  height: 26px;  vertical-align: middle; }
.login-top a{line-height: 26px; float: right; background: #1b4c9a; color: #ffffff!important;width: 40px;  height: 26px; display: block}*/
/*.box{ border:1px solid red; width: 70%; margin: 0 auto }*/


.head{position: fixed; left: 0; top:0; z-index: 999;width: 100%;height: 103px;background: rgba(255,255,255,1)}
.nav{ width: 100%; background: rgba(255,255,255,0.5)}
.nav .navbar{ margin-bottom: 0;  border-radius: 0px;}
.nav .navbar-brand{ height: auto;}
.nav .navbar-default{ background: none; border:none;}
.menu{ float: right; margin-bottom: 0;font-family: 'NotoSansHans-DemiLight';}
.menu>li{ float: left; text-align: center; width: 150px; letter-spacing: 2px}
.menu>li>a{height: 103px; color: #1b4c9a; font-size: 16px; line-height: 100px;display: inline-block;}
.menu>li>a.active{ border-bottom: solid 6px #1b4c9a;}
.menu>li.active{ background: url(../img/nav_bg_02.jpg) no-repeat; background-size: 100% 100%;}
.menu>li.active a{ color: #ffffff; border-bottom: none;}
.menu>li ul{ display: none;padding-bottom: 30px;}
.menu>li ul li{ line-height: 28px; color: #ffffff;}
.login-top{ width: 70px; height: 26px;margin: 37px auto 0;}
.login-top i{float: left; background: url(../img/user.png) no-repeat left center; display: inline-block;width: 30px;  height: 26px;  vertical-align: middle; }
.login-top a{line-height: 26px; float: right; background: #1b4c9a; color: #ffffff!important;width: 40px;  height: 26px; display: block}

.slide img{ width: 100%;}
.slider{ height:1200px;margin-top: 50px; padding-top: 250px; background: url(../img/banner_bg.jpg) no-repeat; background-size: 100% 75%; padding-bottom: 20px;}
.carousel-control.right,.carousel-control.left{ background-image: none;}
.carousel-indicators li{border-radius: 0px; background-color: #B8B8B8;border: none;}
.carousel-indicators .active{ background-color: #009933; }
.header_slider{ bottom: 0px; margin-left: -34%}

.forward-wrapper{padding-bottom: 140px;margin-top: -880px;}
.forward{ background: #d3d6de; border-radius: 20px; position: relative; height: 716px;}
.forward .line{ margin: 30px 0; display: block; width: 100%; height: 6px ;border-radius: 3px; background: #02398f;}
.forward .txt{ width: 70%; text-align: center; margin: 0 auto; font-size: 1.2em;line-height:30px;}
.forward .intro{z-index: 2;position: relative; margin: 20px;}
.forward .intro ul li{vertical-align:middle;  display: table-cell; position: relative; height: 320px;}
.forward .intro ul li:nth-of-type(2n) img{ margin: 0 5px;}
.forward .intro ul li img{ vertical-align: middle;}
.forward .intro ul li p{ color: #898989; position: absolute; bottom: 5px; text-align: center; width: 100%; font-size: 22px;}

.zhjt{ background: #fafafa; overflow: hidden; padding-top: 50px;}
.zhjt .row{ margin: 0;}
.zhjt .col-md-3,.zhjt .col-md-6,.zhjt .col-md-12{ padding: 0;}
.mask-box{ position: relative}
.mask-box .mask{ display: none; position: absolute; width: 100%; height: 100%; left: 0; top:0;}
.mask-box img{ width: 100%; height: 100%}
.mask-box .mask-msg{ width: 50%; float: right; color: #ffffff; font-size: 16px;}
.mask-box .mask-msg span{ display: block; width: 70%; height: 1px; background: #ffffff; margin: 20px 0;}
.mask-box .mask-msg .more{ text-align: center; color: #ffffff; display: block; width: 80%; height: 35px; line-height: 35px; border:solid 1px #ffffff; }
.mask-box .z1{ background: url(../img/z1h.jpg) no-repeat; background-size: 100%;}
.mask-box .z2{ background: url(../img/z2h.jpg) no-repeat; background-size: 100%;}
.mask-box .z3{ background: url(../img/z3h.jpg) no-repeat; background-size: 100%;}
.mask-box .z4{ background: url(../img/z4h.jpg) no-repeat; background-size: 100%;}
.mask-box .z5{ background: url(../img/z5h.jpg) no-repeat; background-size: 100%;}
.mask-box .z1 .mask-msg,.mask-box .z2 .mask-msg{margin-right: 10px}
.mask-box .z5 .mask-msg{ width: 40%; margin: 30px 20px;}
.mask-box .z5 .mask-msg span{ margin: 20px auto;}
.mask-box .z5 .mask-msg .more{ margin: 0 auto;}
.mask-box .z3 .mask-msg,.mask-box .z4 .mask-msg{ position: absolute; left: 10%; bottom:80px; width: 80%;}
.mask-box .z3 .mask-msg span,.mask-box .z4 .mask-msg span{ margin: 20px auto;}
.mask-box .z3 .mask-msg .more,.mask-box .z4 .mask-msg .more{ margin: 0 auto;}

.pt-wrapper{ background: url(../img/pt_bg.jpg) no-repeat left center; background-size: 100% 100%;}
.pt{ margin: -50px auto 0; padding: 100px 0 100px 0;}
.pt .col-md-3{ width: 20%;}
.pt span{ display: block; width: 100%; height: 1px; margin-top: 65px; background:#f5f5f5;}
.pt img{ display: block; margin: 0 auto;}
.pt p{ text-align: center; color: #ffffff; margin-top: 10px;}

.new{ padding: 40px 0; background: #fafafa;}
.new .line{ display: block; width: 100%; height: 1px; background: #b1c0c9;    margin-top: 20px;}
.new .title{color: #02398f; font-size: 28px;}
.new-list{ padding: 50px 0; border-bottom: solid 1px #cccccc;}
.new-list p{ margin-top: 20px; font-size: 1.2em}
.new-list img{ width: 100%; height: 100%}
.new-list a{color:#6d6d6d;font-size: 20px;text-decoration: none;line-height: 48px;padding-bottom: 5px;border-bottom: solid 2px;}

.index_icon{
    padding-top: 20px;
}
.index_icon {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    text-align: center;
}
.index_icon .icon{
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.center{
    text-align: center;
}
.center p{
    font-size: 19px;
    line-height: 47px;
    letter-spacing: 0px;
	color: #242424;
}
/*联系*/
.link-wrapper{ padding: 20px 0; background: url(../img/link_bg.jpg) repeat-x; background-size: 100% 100%;}
.link-wrapper .link-box{ border-bottom: solid 1px #cccccc; padding-bottom: 40px;}
.link-wrapper .link{ margin-top: 15px;line-height:30px; letter-spacing: 2px;font-size: 1.1em}
.link-wrapper .ewm img{ display: block; margin: 20px auto 10px;}
.link-wrapper .ewm p{text-align: center; margin-bottom: 0;}
.link-wrapper .map{ border:solid 5px #ffffff; height: 100%;display: block; margin: 0 auto;}
.link-wrapper .form-wrapper{ margin: 30px 0 0 15px;}
.form-wrapper p{font-size: 1.2em}
.form-wrapper .form{ display: flex;}
.form-wrapper .form input{ flex:1; height: 40px; border:solid 1px #d7d7d7; background: transparent;}
.form-wrapper .form button{width: 70px; height: 40px; border:none; background: #02398f; color: #ffffff;}

.footer-wrapper{ padding:50px 0 40px 0; border-bottom:solid 1px #cccccc;}
.footer-wrapper ul li a{ padding-left: 20px; background: url(../img/jt_07.jpg) no-repeat left center; color: #848484;}
.footer-wrapper .login a{ padding-left: 25px; color: #848484; background: url(../img/person-icon_07.jpg) no-repeat left center;}
.footer-wrapper .footer-logo{ display: block; margin: 0 auto;}
.footer-wrapper h4 a{color: #000000;}
.footer-wrapper li{padding: 3px 0px; font-size: 1.1em;}

#mapWrapper{ height: 300px;}
.copyright{padding: 50px 0; line-height: 57px;font-family: 'NotoSansHans-Regular';}
.copyright .gs{ text-align: right;}
/*返回顶部*/
.goback{ margin: 30px auto 0; cursor: pointer}



/***********  展示平台  ***********/
.container-wrapper{ padding-top: 20%; background: url(../img/banner-bg2.jpg) no-repeat; background-size:100% auto; }
.container-wrapper .page-content{ background: rgba(255,255,255,0.8); position: relative;}
.banner-bg3{ background: url(../img/banner-bg3.jpg) no-repeat; background-size:100% auto;}
.banner-bg3 .page-content{ background: #ffffff; margin-bottom: 100px;}
.banner-bg4{ background: url(../img/banner-bg4.jpg) no-repeat; background-size:100% auto; }
.banner-bg6{ background: url(../img/banner-bg6_02.jpg) no-repeat; background-size:100% 100%;}
.container-wrapper .page-content .tl{z-index: 2; position: absolute; left: -20px; top:-19px}
.container-wrapper .page-content .tl1{z-index: 2; position: absolute; left: -20px; top:0}
.container-wrapper .page-content .tl2{z-index: 0; position: absolute; left: -20px; top:0}
.container-wrapper .page-content .tl3{z-index: 2; position: absolute; left: -19px; top:-19px}
.container-wrapper .page-content .tl5{z-index: 2; position: absolute; left: -18px; top:-19px;}
.container-wrapper .page-content .tr{z-index: 2; position: absolute; right: -19px; top:0}
.container-wrapper .page-content .tr1{z-index: 2; position: absolute; right: -22px; top:15px}
.container-wrapper .page-content .tr4{z-index: 2; position: absolute; right: -22px; top:15px}
.container-wrapper .page-content .tr5{z-index: 2; position: absolute; right: -19px; top:0}
.container-wrapper .page-content .tr6{z-index: 2; position: absolute; right: -21px; top:0}
.container-wrapper .page-content .tr7{z-index: 2; position: absolute; right: -21px; top:0}
.container-wrapper .page-content .tr9{z-index: 2; position: absolute; right: -21px; top:0}

.container-wrapper .page-content .page-title{ padding: 30px 40px 15px 0; ; font-size: 35px; color: #2E75B6; font-weight:bold;font-family: 'NotoSansHans-Bold';}
.container-wrapper .page-content .shotline{ background: #cccccc; width: 60%;  height: 2px; float: right;margin-right: 3em}
.show-intro{ padding: 5% 5% 0 5%; position: relative;}
.show-intro p{ letter-spacing: 1px; line-height:30px; font-size: 1.1em }
.show-intro .side-bg{ position: absolute; right: -35px; top:30px;}
.show-title{ position: relative; margin:30px 0; font-size: 28px;color: #02398f; text-align: center;}
.show-title img{ position: absolute; left: -45px; top:0;}
.show-list img{ width: 100%}
.show-list p{ margin-top: 20px; line-height: 28px;}
.show-list{ width: 90%; margin:0 auto }
.show_p{ margin-left: 100px;margin-bottom: 50px; font-size:1.1em; }
.show_lb{ width: 90%;margin: 0 auto 50px; }


.show_slide ol{margin-bottom: -3.5em;}
.show_slide .carousel-indicators li{background-color:#B0B0B0; border-radius: 50%}
.show_slide .carousel-indicators .active{background-color:#333399;}

.page-title img{
    margin-bottom: 6px;
}


/***********  运营平台  ***********/
.operate-flow{ margin-top: 5%;}

/***********  加入我们  ***********/

.container-wrapper .mianjoin{position: relative;}
/*.join{ margin-top: 40px;}*/
/*.job h3{ padding-left: 55px; cursor: pointer; color: #5a5a5a; background: url(../img/line_05.jpg) no-repeat left center;}
.job h3.active{ background: url(../img/open_05.png) no-repeat left cente*/r;}
.job .tab-wrapper{ display: none; border-bottom: solid 1px #cccccc; border-top:solid 1px #cccccc;}
.job .tab-con{ padding: 20px 0; }
.email{ height: 60px; line-height: 60px; font-size: 16px; color: #ffffff; background:#02398f; text-align: center; font-weight: bold; }
.email span{ font-weight: normal; border-bottom: solid 1px #ffffff;}
.form-title{height: 60px; line-height: 60px; background: #f5f5f5; text-align: center;  color: #546677}
.joinin{ background: #fafbfb; padding: 20px 0; position: relative;}
.joinin .form-bg{ position: absolute;right: -23px;bottom: -147px;z-index: 2;}
.joinin .submit{ background: #02398f; color: #ffffff; border:none; width: 180px; height: 35px; font-size: 16px; display: block; margin:0 auto;}
.join_us{ margin-bottom: 2em; }

 #d_left{width: 100%;
            margin: 0px;
            padding: 0px;
        }
         .Collapsing{ 
            margin: 0px;
            padding: 5px;
            width: 100%; 
            height:70px; 
            line-height:70px; 
            cursor: pointer; 
            border-bottom: 1px solid #E0E0E0; 
            background-position: center right no-repeat; 
            background: url(../img/minus.png) no-repeat 10px 28px;
            background-color: #fff;
            color: #5a5a5a;
            letter-spacing: 5px;
            font-weight: bolder;
            font-size:25px;
            font-family: 'NotoSansHans-Medium';
        }
        .current{background:url(../img/plus.png) no-repeat 10px 28px;margin-bottom:0px;}
        .coll_body{
            display: none; 
            height: 100%;
            padding-left: 40px;
            font-size: 12px;
            letter-spacing: 2px;
            line-height: 22px;
            font-family: 'NotoSansHans-DemiLight';
        }
     .box h2{padding-left: 70px;}
     .coll_body table{margin-top: 20px;width: 100%;}
    .coll_body .TD{vertical-align: top;width: 80px;}
	.table_type{ margin-top: 20px;margin-bottom: 20px; }
	.info{ padding: 0;margin:0;margin-bottom: 5em; }

   
         .d_right{       
            height:900px;
            background-color:#F8F8F8;
            min-width:487px;   
                
        }
        .d_right table{
            width: 100%;
            height:600px;  
        }

        .d_right th{
            width: 100%;
            text-align: center;
        }
        #tr1{
            width: 100%;
            height:80px;
            background-color:#006699;
            font-size: 1.5em;
            letter-spacing:3px;
            color: #fff         
        }
        #tr2{
            width: 100%;
            height:75px;
            background-color:#F0F0F0;
            font-size: 1.3em;
            letter-spacing:2px;
            color: #888; 
        }   
    
        .d_right td{    
            float: left;
            margin-left: 10%;
            margin-bottom: 35px;
            
        }
        .d_right a{
            margin-left: 1em;
            color: #fff;
            font-size: 1em;
            text-decoration: underline;
        }

        #z3{
            position: absolute;
            float: right;
            z-index: 3;
           top:48em;
            left: 27.7em;
        }
.d_right .tjinput input{ width: 200px; height: 1.8em; background-color: #02419a; border: 0; text-align: center;font-size: 1.5em; color: #fff; cursor: pointer; outline: none; }
.js_text{ width:320px;height: 250px;vertical-align: top;resize: none;font-size: 1.1em; }
.d_right .userName{margin-top: 30px;width: 200px;padding: 5px 0px;}
.d_right .tel{width:320px;padding: 5px 0px;}
.d_right .email2{width:320px;padding: 5px 0px;}
.d_right .job{width:320px;padding: 5px 0px;}




/***********  新闻  ***********/
.newsinfo .time{ text-align: right; float: right;}
.newsinfo .time .year{  font-size: 1.5em; }
.newsinfo .time .month{ font-size: 2.5em; border-bottom: solid 3px #5cc680;}
.newsinfo .newsinfo-title{ font-size: 30px; text-align: center;  border-bottom:solid 2px #5cc680; padding: 30px 0;}
.newsinfo p{ margin: 10px; line-height: 30px; font-size: 1.1em;}
.newsinfo a{text-decoration: none;}
.newsinfo a:hover{text-decoration: none;}
.newsinfo_cont{ width: 70%; border-bottom: 1px solid #e3e3e3; padding-bottom: 20px; }
.newsinfo_cont p{text-indent:2em;}
.text_cont{ text-align: center; margin: 10px 40%; border: none; resize: none; }

.newslist{ margin-top: 27px;}
.newslist .newstitle{ background: url(../img/dh1_03.png) no-repeat left center; padding-left: 35px;}
.newslist .newstitle a{ color: #000000;}
.newslist p{ font-size: 1.2em;line-height:26px; background: url(../img/dh2_03.png) no-repeat right;  border-bottom: solid 1px #cccccc; padding-bottom: 75px;}
.newslist .type{/*padding: 5px 20px; background: url(../img/01-4-icon.png) no-repeat; background-size: 100% 100%;*/}

.col_9{margin-top: 30px;}
.news-item{
    margin-top: 60px;
}
.news-item img{
    max-width: 100%;
}
.news-item a{
    background: #fff;
    padding: 5px 30px;
    border: solid 1px #808080;
    color:#808080 ;
    font-family: 'NotoSansHans-Light';
}
.newsinfo .news-title{
    font-size: 18px;
	line-height: 40px;
	letter-spacing: 0px;
    color: #2ec2ff;
    font-family: 'NotoSansHans-Regular';
}
.newsinfo .news-text{
    font-size: 14px;
	line-height: 24px;
	letter-spacing: 0px;
    color: #808080;
    font-family: 'NotoSansHans-Light';
}

/*轮播*/

.new_image .carousel-indicators{ bottom: -180px; }
.new_image .carousel-indicators li{ border-radius: 0px; background-color: #C0C0C0; border: none; }
.new_image .carousel-indicators .active { background-color: #009900; }
.new_image .glyphicon-chevron-right:before{ color: #000; }
.new_image .glyphicon-chevron-left:before{ color: #000; }
.new_image .carousel-control{ width: 0; }
.new_image .glyphicon-chevron-right:before { content: none; }
.new_image .glyphicon-chevron-left:before { content: none; }


/***********  资源优势  ***********/
/*.resource_bg{ background: url(../img/01-1-bg.png) no-repeat; background-size: 100% 100%; }*/
.resource-top img{ width: 100%; height: 100%;}
.resource-top .col-md-4{ padding: 0;}
.resource-top>div{position: relative;}
.resource-top .resource-top-txt{ height: 31%; position: absolute; width: 75%; left: 14%; bottom: 20px; color: #ffffff;}
.resource-top .resource-top-txt h3{ padding-bottom: 20px; font-size: 27px; border-bottom: solid 1px rgba(255,255,255,0.3);}
.resource-top .resource-top-txt p{line-height: 28px;overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
.resource-middle .resource-middle-main{ margin-top: 50px; padding-bottom: 15px;
    background: -webkit-linear-gradient(#ffffff, #f6f9fa); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#ffffff, #f6f9fa); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#ffffff, #f6f9fa); /* Firefox 3.6 - 15 */
    background: linear-gradient(#ffffff, #f6f9fa); /* 标准的语法 */}
.resource-middle h3{ margin: 40px 0; text-align: center;}
.resource-middle ul li{ text-align: center; margin-bottom: 20px; color: #6e6e6e;}
.resource-middle .resource-middle-main .line{ display: block; width: 80%; height: 2px; margin: 20px auto; background: #ffffff;}
.resource-bottom{margin-top: 50px;}
.resource-bottom .pic-list>li{ float: left; width: 20%;}
.resource-bottom .pic-list>li img{ max-width: 100%;}
.resource-bottom .pic-list .txt-list{ padding: 10px 15px 0;}
.resource-bottom .pic-list .txt-list ul li{ padding: 0px 0 10px 35px; border-bottom: solid 1px #ccc; background: url(../img/dian_03.jpg) no-repeat 20px center; color:#4a4a4a; font-size: 16px;}
/*****浮层*******/
.fuceng_button{width:100%;padding: 15px 0px;border: none;background-color: #fff;border-bottom: 1px solid #e3e3e3;font-size: 1.1em;outline: none;cursor:pointer;}
 /*.fuceng_button1{width:100%;padding-top:15px;padding-bottom: 15px;padding-left:15px;border: none;background-color: #fff;border-bottom: 1px solid #e3e3e3;font-size: 1.1em;outline: none; cursor:pointer;
	}*/
    .fuceng_button1{width:100%;text-align: left;padding-top:15px;padding-bottom: 15px;padding-left:15px;border: none;background-color: #fff;border-bottom: 1px solid #e3e3e3;font-size: 1.1em;outline: none; cursor:pointer;
        /*top:20%;*/
        /*padding: 0px;*/
    }
.modal-content{
		background:url(../img/01-3-fuceng.png) no-repeat;
		background-size: 100% 100%;
        -webkit-box-shadow:none;
         box-shadow:none;
         border: none;
         margin-top: 30%;
		
	}
.modal-title{
		color:#02398f;
		padding:20px 68px;
    	letter-spacing: 2px;
	}
.modal-header .close{
		margin-top: -10px;
	}
.close{
		opacity: 1;
		width:7%;
        outline: none;
        cursor:pointer;
	}
.modal-header{
		border-bottom: none;
	}

.modal-body{
		width: 80%;
		margin: 0 auto;
		top:-60px;
		font-size: 1em;
		letter-spacing: 2px;
		line-height: 20px;
	}
.modal-open{ padding: 0px!important }

.md-screen{
    display: block;
}
.xs-screen{
    display: none;
}


@media (min-width: 768px){
.modal-dialog{
	width: 50%;
		}
.modal-content{
    -webkit-box-shadow:none;
    box-shadow:none;
}
	}


.line1{ margin-left: 10px;border-bottom: 1px solid #e2e2e2  }
.line2{ margin:20px 0px; border-bottom: 1px solid #e2e2e2; }


/***********  公司简介  ***********/
/*.introl-bg{ background: url(../img/01-1-bg.png) no-repeat; background-size: 100% 100%; }*/
.company{ position: relative;padding-top: 186px; background: url(../img/company_bg.png) no-repeat; background-size: 100% 100%;z-index: 0;}
.company .intro-txt{ padding: 465px 0 30px 0; width: 90%; margin: 0 auto; color: #ffffff; line-height: 35px; font-size: 16px;letter-spacing: 1px}
/*.introl-bg .page-content{ background: url(../img/01-1-bg_cont.png) no-repeat; background-size: 100% 100%;  }*/

.intro-middle{ position: relative; background: url(../img/intro-bg1_03.jpg) no-repeat; background-size: 100% 100%;}
.intro-middle .image{ position: relative; padding: 50px 0;}
.intro-middle .image .img{ position: relative; z-index: 2; display: block; width: 80%; margin-left: 13%; /*margin: 0 auto;*/}
.intro-middle .image .imgbg{ z-index:1; position: absolute; width: 80%;  top:30px; left: 10%;}
.intro-middle .text{ color: #ffffff; margin-top: 30px; line-height:30px;}
.intro-middle .text ul{ margin-top: 20px;}
.intro-middle .text ul li{ /*list-style: disc; */padding-left: 20px; margin-bottom: 10px; background: url(../img/dian2_03.jpg) no-repeat left center;}
.intro-middle .side-bg{ position: absolute; left: -19px; top:-50px;}

.intro-bottom{ background: url(../img/intro-bg2_03.jpg) no-repeat; background-size: 100% 100%;}
.intro-bottom .image .side1-bg{ position: absolute; right: -12px; top:30%;}
.intro-bottom .image .imgbg1{ z-index:2; position: absolute; width: 80%;  top:30px; right: 6%;}
.bottom_text{padding-left: 50px; }

/*返回顶部*/

.container-exit{ height: 150px; box-shadow: 0px -50px 100px -50px #D0D0D0 inset; }
.but{ background: url(../img/goback_07.jpg) no-repeat; width: 45px ;height:45px;border: none;position: relative;top: 50px; left: 48% ;outline: none;cursor:pointer;}


/*******发展历史*********/
/*.development_bg{  background: url(../img/01-1-bg.png) no-repeat; background-size: 100% 100%;}*/
.cd-timeline-block{
    font-family: 'NotoSansHans-Bold';
}

/***********  解决方案  ***********/
.container-wrapper .plan-bg{  
    /* background: url(../img/j_bg_03.jpg) no-repeat; */
     /* background-size:100% auto; */
}
.plan-bg .plan-top{
    /* margin: 40px 100px 24px 100px; */
    margin: 2em 4em 1em;
}
.plan-top img{
    max-width: 100%;
}
.plan-case{
    text-align: center;
}
.plan-case img{
    max-width: 100%;
}
.plan-top ul{ width: 90%; margin: 40px auto 0; display: flex;}
.plan-top ul li{ flex: 1;}
.plan-top ul li:nth-of-type(2n){ margin-top: 150px;}
.plan-middle{ margin-top: 3em; height: 540px; position: relative; display: flex;}
.plan-middle .tab-l{width: 240px; background: #e7edf3; padding: 30px 0 ; }

.plan-middle .tab-l ul{ position: relative;font-size: 1.2em;letter-spacing: 2px;margin-top: -1em;}
.plan-middle .tab-l ul li{position: relative; padding: 7px 5px 15px 5px; border-bottom: solid 1px #cccccc;height: 4.3em;}
.plan-middle .tab-l ul li:last-child{ border-bottom: none;}
.plan-middle .tab-l ul li span{ display: block; padding-left: 30px;}
.plan-middle .tab-l ul li.active{  color: #ffffff;}
/*.plan-middle .tab-l ul li.active span{ border-left: solid 5px #22955a;}*/
.plan-middle .tab-l .tab-bg{position: absolute; left: -15px; top:0px;width: 263px;}
.plan-middle .tab-r{ flex: 1;border:0.1em solid #B8B8B8;background-color: #fff;z-index: 3;background: transparent;}
.plan-middle .tab-r ul li img{width: 100%;height: 540px; padding: 0.8em;}
.plan-middle .tab-side{z-index: 2; position: absolute; right: -16px ; bottom: 70px;width: 173px;height: 202px;}
.tab-middle{ display: none;}
.tab-middle img{ width: 100%; height: 100%;}
.plan-bottom{ margin-top: 7em;}
.tab-t ul{ display: flex; border-bottom: solid 1px #cccccc;}
.tab-t ul li{ margin: 0 20px; flex: 1; border-top:solid 4px #02398f;}
.tab-t ul li a{ display: block; text-decoration: none;}
.tab-t ul li a:hover{ color:#000099!important;}

.tab-t ul li.active{ border-left: solid 1px #cccccc; border-right: solid 1px #cccccc; margin-bottom: -1px; background: #fff;border-top:solid 4px #22955a;}
.tab-t ul li.active p{color: green;}

.tab-t ul li img{ display: block; margin: 20px auto;}
.tab-t ul li p{ text-align: center;font-size: 16px;}
.tab-b{ background:url(../img/tab-bg_03.jpg) no-repeat; background-size: 100% 100%;}
.plan-slider{ background: rgba(34,80,130,0.8)}
.plan-slider .title{ color: #ffffff; padding: 10px 0;}
.plan-slider .text{ color: #ffffff; line-height:30px; margin: 20px 0 50px 0;}
.tab-bottom{ display: none;}

.map{ margin-top: -200px;}
.container-wrapper .success-bg{background: url(../img/banner-bg5_03.jpg) no-repeat; background-size:100% auto; margin-bottom: 100px;}
.success-h3{ padding: 10px 18px; color: #fff;letter-spacing: 2px;}
.success-title {  background-color: #02398f; margin-bottom: 20px;}

.success-list ul li{ float: left; margin-right: 50px; padding-left: 10px; background: url(../img/dian_03.jpg) no-repeat left center;}
.shade{display: none; position: fixed; left: 0; top:0;z-index: 90; width: 100%; height: 100%; background: rgba(0,0,0,0.5)}
.shade-box{display: none; width: 1040px; height: 500px; position: absolute;left: 50%; top:50%; margin-top: -250px;margin-left: -520px;}
.shade-wrapper{ position: relative; width: 100%; height: 100%; background: #ffffff;}
.shade-wrapper .shade-close{position: absolute; top:0; right: 0;}
.shade-wrapper .shader{position: absolute; bottom:0; right: -18px;}
.shade-wrapper .shadel{position: absolute; bottom:0; left: -3px;}
.shade-wrapper .map-img{position: absolute; top:20px; left: -55px;}
.shade-wrapper .m1{top:30px;}
.shade-wrapper .m3{top:25px;}
.shade-wrapper .m4{top:20px;}
.shade-wrapper .m10{height: 500px;width: 460px; left: 0; top:0;}
.shade-wrapper .shade-con{ width: 570px; height: 350px; float: right;}
.shade-wrapper .shade-con h2{ color: #02398f;}
.shade-wrapper .shade-con .shade-info{height: 340px; padding: 30px; border-top: solid 1px #cccccc;border-bottom: solid 1px #cccccc;}
.shade-con ul li { float: left;width: 165px;}
.shade-table{width: 1000px; margin:0 auto; padding: 15px 0;}
.shade-table h3{color: #02398f; padding: 0 30px 20px; border-bottom: solid 1px #cccccc;}
.table-box{ height: 380px; overflow: auto;}
.table-box tr:nth-of-type(1) td{ height: 40px; color: #ffffff; text-align: center;}
.table-box tr:nth-of-type(1) td:nth-of-type(1){ background: #02398f;}
.table-box tr:nth-of-type(1) td:nth-of-type(2){ background: #22955a;}
.table-box tr:nth-of-type(1) td:nth-of-type(3){ background: #02398f;}
.table-box #headline{line-height: 30px;}
.table-box tr td{ padding: 5px 10px;vertical-align: top;}
.table-box tr td:nth-of-type(1){width: 40%; border-bottom: solid 1px #02398f; letter-spacing: 2px; line-height:20px;}
.table-box tr td:nth-of-type(2){width: 45%; border-bottom: solid 1px #22955a; letter-spacing: 2px; line-height:20px;}
.table-box tr td:nth-of-type(3){width: 15%; border-bottom: solid 1px #02398f;text-align: center;letter-spacing: 2px; line-height:20px;}
.table-box::-webkit-scrollbar{background: #e2e2e2;width: 10px;}
.table-box::-webkit-scrollbar-thumb{background: #003399;}
.table-cont{ margin-right: 10px; }


@media screen and (max-width:785px ) {
    /***********  首页  ***********/
    .nav{  position: fixed; left: 0; top:0; width: 100%; }
    .nav .navbar-default{ background: rgba(255,255,255,1); border:none;}
    .nav .navbar-brand{ /*padding: 0 15px;*/ padding: 0 ;}
    .nav .navbar-brand img{ height: 50px;}
    .menu{ display: block; margin-bottom: 0; float: none;}
    .menu>li{ float: none; width: 100%;  line-height: 30px; text-align: center;}
    .menu>li ul{ padding: 20px 0;}
    .menu>li>a{ line-height: 28px;}
    .navbar-collapse{ padding: 0;}
    .login-top{ margin: 0px auto 7px;}
    .slider{padding-top: 50px; margin-top: 50px; padding-bottom: 30px;}
    .carousel-indicators{bottom: -25px;}
    .navbar-header{ margin-left: 0px!important; }
    .box{ width: 100% }
    .head{ height: 55px; }

    .forward{ height: auto;}
    /* .forward .intro ul li{ display: block; height: auto;} */
    /* .forward .intro ul li img{ display: block; margin: 0 auto;} */
    /* .forward .intro ul li:nth-of-type(2n) img{ margin: 0 auto;} */
    .forward-wrapper{ padding-bottom: 0}

    .mask-box .z1 .mask-msg,.mask-box .z2 .mask-msg{ margin-top: 18%;}
    .mask-box .z5 .mask-msg{ margin: 0px 20px;}
    .mask-box .z5 .mask-msg span{ margin: 15% auto;}
    .mask-box .z5 .mask-msg>div{ height: 40px; overflow: hidden;}

    .pt{ width: 100%; margin: 0 auto; padding:50px 15px 50px 15px;;}
    .pt .col-xs-12{ width: 100%;}
    .pt span{margin-top: 25px;}

    .new .line{ margin-top: 15px}
    .new .title{ font-size: 20px;}

    .link-wrapper .form-wrapper{ margin-bottom: 20px;}

    .footer-wrapper .login{margin: 0 auto; width: 70px;}
    .footer-wrapper h4{ text-align: center;}
    .footer-wrapper ul{ min-height: 100px;}
    .footer-wrapper ul li{ text-align: center;}

    .copyright{text-align: center; line-height: 24px;padding: 30px 0;}
    .copyright .gs{text-align: center; }
    .copyright a{
        color: #333!important;
        text-decoration: none;
    }
    .copyright .gs img{ display: block; margin: 5px auto;}

    /*资源优势*/
    .resource-bottom .pic-list li{ float: none; width: 100%;}

    /*公司简介*/
    .intro-middle .text{ margin-top: 0;}
    /*.company{ position: relative; background: url(../img/intropic1_03.jpg) no-repeat; background-size: auto 100%;}*/
    .company .intro-txt{ padding: 100px 0 30px 0; width: 90%; margin: 0 auto; color: #ffffff; line-height: 28px; font-size: 16px;}

    /*解决方案*/
    .plan-top ul{ width: 90%; margin: 40px auto 0; display: block;}
    .plan-top ul li{ flex: 1; margin-top: 20px}
    .plan-top ul li img{ display: block; margin: 0 auto;}
    .plan-top ul li:nth-of-type(2n){ margin-top: 20px;}
    .plan-middle{ height: auto;}
    .tab-side{ display: none;}
    .plan-title{font-size: 18px!important;}
    .plan-middle .tab-r ul li img{height: auto;}
    .tab-middle{ display: block; margin-top: 40px;}

    .plan-bottom{ display: none;}
    .tab-bottom{ display: block;margin-top: 40px;}

    /*手机适配修改*/
    .page-title{
        font-size: 24px!important;
    }
    .success-list ul li{ float: none;}
    .map{ margin-top: 0px;}
    .d_right{       
        min-width:100%;   
    }
    .tl1{
        display: none;
    }
    .back-img{
        height: 136px!important;
    }
    .xs-text{
        padding: 0!important;
    }
    .menu>li>a{
        height: 48px!important;
        line-height: 48px!important;
    }
    .md-screen{
        display: none;
    }
    .xs-screen{
        display: block;
    }
    .slider{
        background-size: 100% 30%;
    }
    .forward-wrapper{
        margin-top: -1008px!important;
    }
    .new-list{
        padding: 50px 20px;
    }
    .new-list a{
        font-size: 16px!important;
    }
    .success-bg{
        background: unset;
    }
    .container-wrapper{
        background: unset;
    }
    .page-content{
        background: unset;
    }
    .p-text{
        font-size: 16px!important;
        color: #333!important;
        line-height: 32px!important;
    }
    .company{
        background: unset;
        padding-top: 114px;
    }
    .company .p-text{
        color: #333!important;
        font-size: 16px!important;
    }
    .bottom_text{
        padding-left: 15px;
    }
    .xs-icon{
        width: 100%;
    }
    .intro ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .intro li{
        width: 46%;
        height: 230px!important;
        display: inline-block;
    }
    .intro li img{
        width: 100%;
    }
    .intro-add{
        display: none!important;
    }
    .index_icon img:nth-child(1){
        width: 124px!important;
        height: 124px!important;
    }
    .index_icon img:nth-child(2){
        width: 54px!important;
        height: 40px!important;
    }
    .index_icon:nth-child(2) img:nth-child(2){
        width: 40px!important;
        height: 51px!important;
    }
    .QRCode img{
        width: 164px!important;
        height: 164px!important;
    }
    .QRCode p{
        font-size: 14px;
        line-height: 30px;
    }
    .xs-moveTop{
        top: -124px;
    }
    .xs-hide{
        display: none;
    }
    .cd-timeline-content{
        padding-top: 3.5em;
    }
    .cd-date{
        position: absolute;
        top: 1em;
        left: 1em;
    }
/*展示平台*/
    .show_slide .carousel-indicators{bottom: 25px;}
}

@media screen and (max-width:1500px ) {
	.navbar-header{ margin-left: 0!important; }
}

.a_line{ border-bottom: 5px solid #04467a; padding-bottom: 40px; }
.join_image{ margin-top: 25px; }

  #d2{
            position: absolute;
            width: 80%;
            left: 9%;
            height: 80px;
            top:800px;
            letter-spacing: 3px;

        }



/*通用*/
.plan-title{
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    padding-top: 20px;
    color: #2e75b6;
    font-family: 'NotoSansHans-Bold';
}
.title-bottom{
    width: 54%;
    margin: 0 auto;
    margin-top: 20px;
    height: 6px;
    border-radius: 3px;
    background: #2e75b6;
}
.p-text{
    font-size:18px;
    text-indent: 2em;
    line-height: 44px;
    font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
    color: #2e2e2e;
    margin: 0 auto;
}
.back-img img{
    max-width: 100%;
}
.font-DemiLight{
    font-family: 'NotoSansHans-DemiLight';
}
.font-Regular{
    font-family: 'NotoSansHans-Regular';
}
.font-Bold{
    font-family: 'NotoSansHans-Bold';
}
.font-Light{
    font-family: 'NotoSansHans-Light';
}
.font-Medium{
    font-family: 'NotoSansHans-Medium';
}
.xs-text{
    padding: 0 30px;
}