*{padding:0; margin: 0; box-sizing: border-box; font-family:  "Microsoft YaHei";}
.pull-left{float: left; padding-left:10px;}
.pull-right{float: right; padding-left:25px;}
.toplink{ margin-top:8px;}
.toplink td{ text-align:center; background:url(../images/border.png) left center no-repeat; width:100px;}
.toplink td a{ color:#fff; font-size:12px;}
.toplink img{ padding-right:5px;}
.clearfix:after{display: block; content: ""; clear: both;}
a,a:hover,a:active,a:link,a:focus{text-decoration: none;color:#333;}
li{list-style: none;}
input:focus{outline: none;}

body, table
{
	font-family: microsoft yahei;
	color: #333;
	font-size:12px;
	line-height:180%;
}

/*top-intr*/
.top-intr{ height: 35px; line-height: 35px; background-color: #2665b4;color: #fff; min-width:1200px;}
.top-1200{width:1200px; margin: auto;}
.top-intr p{line-height: 35px; font-size: 13px;color:#fff;}
.top-intr p a:hover{color: #fff;}
.top-intr p a{padding:0 10px; border-right: 1px solid #fff;}

.top-intr p a:last-child{border: none;}

.logobar,.nav-list ul,.about,.pro,.link>div,.foot-nav,.cp-mes{width:1200px; margin: auto;}

   .touch-btn {
        position: relative;
        display: inline-block;
        *display: inline;
        zoom: 1;
		width:100px;
    }

    .touch-box {
        position: absolute;
        top: 18px;
        left: 1px;
        z-index: 600;
        color: #777;
        display: none;
		padding-top:10px;		
    }

    .touch-btn:hover .touch-box {
        display: block;
    }     




/*nav*/
.nav .na-logo{float: left; padding:20px 0;}
.nav .dao{float: right;}
/*banner*/
.banner {width:100%; }
.banner .bd { position:relative; left:50%; width:1920px; margin-left:-960px; text-align:center;}
.banner .hd { position:absolute; bottom:0; width:100%; height:3px; z-index:1;}
.banner .hd ul { width:1200px; height:3px; margin:0 auto; text-align:center;}
.banner .hd ul li { display:inline-block; *display:inline; zoom:1; width:240px; height:3px;  background-color:rgba(0,91,172,0.7);  line-height:999px; overflow:hidden; cursor:pointer; vertical-align:top;}
.banner .hd ul .on {background-color:rgba(255,167,0,0.7);transition:0.8s;}
.banner .bPrev,.banner .bNext { position:absolute; top:50%; display:block; width:42px; height:42px; margin-top:-30px; z-index:99; display:none;}
.banner .bPrev { left:58px; background:url(../images/bPrev.png) no-repeat;}
.banner .bPrev:hover{left:58px; background:url(../images/bPrev2.png) no-repeat;}
.banner .bNext { right:58px; background:url(../images/bNext.png) no-repeat;}
.banner .bNext:hover { right:58px; background:url(../images/bNext1.png) no-repeat;}
.banner img,.cols img,.leftPicTitle img,.detail img { vertical-align:top;}
.wrapper { position:relative; width:100%; margin:0; overflow:hidden; min-width:1200px;}

.big_t {
    font-size: 36px;
    line-height: 50px;
    color: #f7f5f5;
    width: 590px;
    font-weight: bold;
	padding-left:10px;
	text-align:left;
	}
.banner_t {
    width: 1200px;
	margin:0 auto;
	padding-top:220px;
	}
/*  新闻中心 */

.mr_frbox{height:350px;}
.mr_frBtnL{float:right;margin-top:85px;cursor:pointer;}
.mr_frUl{float:left;height:350px;width:1200px; overflow:hidden;}
.mr_frBtnR{float:left;margin:85px 20px 0px 0px;cursor:pointer;display:inline;}
.mr_frUl ul li{display:inline;float:left;height:350px;width:376px;margin-right:36px;overflow:hidden;}
.mr_frUl ul li img{display:block; width:376px; height:245px; transition: all 0.5s; }
.mr_frUl ul li a:hover img{ transform: scale(1.1);}


.index_news_img{width:376px; height:245px; overflow:hidden;}
.index_news_title{margin-top:10px; font-size:16px; line-height:280%; color:#000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display:block; width:376px;}
a:hover .index_news_title{ color:#ff0000;}
.index_news_desc{font-size: 14px; color: #666; line-height: 24px; overflow: hidden; text-align: left; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical; }

.time_box {
    position: absolute;
    left: 20px;
    top: 20px;
    padding: 10px 15px;
    background: #7f87be;
    text-align: center;
    color: #fff;
	filter:alpha(Opacity=85);
	-moz-opacity:0.85;
	opacity: 0.85;
	}
a:hover .time_box {
    position: absolute;
    left: 20px;
    top: 20px;
    padding: 10px 15px;
    background: #ffa700;
    text-align: center;
    color: #fff;
	filter:alpha(Opacity=85);
	-moz-opacity:0.85;
	opacity: 0.85;
	}
.time_box .day {
    font-size: 32px;
    line-height: 1;
    margin-bottom: 5px;
	}
.time_box .month {
    font-size: 16px;
    line-height: 1;
	}
.more{
width: 180px;
height: 47px;
border-radius: 23px;
background:#2665b4;
margin: 0 auto;
font-size: 16px; 
color: #fff;
line-height: 46px;
font-weight: bold;
text-align:center;
margin-top: 50px;
margin-bottom:50px;
}

.more:hover{
width:180px;
height:47px;
border-radius: 23px;
border:2px solid #005bac;
margin:0 auto;
background: #fff url(../images/a_30.jpg) no-repeat 120px 14px;
font-size:16px;
color:#005bac; 
line-height:46px;
font-weight:bold;
text-align:left;
text-indent:42px;
margin-top:50px;
margin-bottom:50px;
}


首页案例图

.case_img img{ width:auto; max-width:200px; max-height:120px; transition: all 0.5s;}
.case_img img:hover {transform: scale(0.9);}

/*内页二级栏目*/

.left2{ width:1160px; margin:0 auto; margin-bottom:30px; }
.news_wrap{width:1160px; margin:0 auto; overflow:hidden;}

<!--首页 about us-->
.wow{ width:100%;overflow:hidden;}
.us{ width:1200px;height:438px;margin:0 auto;margin-top:66px;margin-bottom:30px; overflow:hidden;}
.us_l{float:left;}
.us_r{float:right;width:725px;}
.us_r h2{color:#0456a0; font-size:30px; line-height:30px;}
.us_r h3{font-size:21px;color:#9b9b99;line-height:30px;}
.us_r h3 span{color:#2665b4;}
.us_r p{font-size:16px;line-height:30px;color:#444444;padding-top:13px;
overflow:hidden;
text-overflow:ellipsis; 
display:-webkit-box;
-webkit-line-clamp:7;
-webkit-box-orient:vertical;
 text-align:justify;
}
.us_r p span{color:#2665b4;}
.us_r ul{width:725px;height:139px;border:1px solid #dcdcdc;margin-top:15px;}
.us_r ul li{width:180.75px;height:139px;border-right:1px solid #dcdcdc;float:left; }
.us_r ul li h1{color:#2665b4;text-align:center;line-height:70px;padding-top:18px;}
.us_r ul li .m{font-size:16px;font-weight:bold;color:#9b9b99;text-align:center;padding-top:4px;}

.us_r ul li:hover{background:#2665b4;border-right:1px solid #2665b4;transition: all 0.5s;}
.us_r ul li:hover h1{color:#fff;transition: all 0.5s;}
.us_r ul li:hover .m{color:#fff;transition: all 0.5s;}

<!--首页主营业务products-->
<!--首页主营业务products-->


<!--products-->
.products{width:100%;overflow:hidden; }
.pro{width:100%;height:717px;background: url(../images/probg3.jpg) no-repeat; min-width:1200px;}
.duc{width:1200px;height:717px;margin:0 auto;}

.main{width:1200px;height:164px;}
.main .main_aa{width:1200px;height:51px;}
.main .main_a{width:1200px;height:33px;}
.main .main_a h2{width:100%;height:33px; font-size:30px; color:#fff; text-align:center;}
.main .main_a p{width:100%;height:33px;color:#fff;font-size:21px; text-align:center; line-height:33px;}
.main .main_bb{width:1200px;height:50px;}
.main .main_b{width:1200px;height:30px;}
.main .main_b h3{color:#ffffff; font-size:18px;}

.bds{height:500px;}
.bds ul{width:1200px;height:560px;}
.bds ul li{width:282px;float:left;display:inline; margin-bottom:36px;}
.bds .pt{width:282px;height:225px;position:relative;overflow:hidden;}
.bds .sd{width:282px;height:225px;background:rgba(0,91,172,0.78);position:absolute; bottom:-225px; left:0;transition: all 0.5s;}
.bds .sdt{border:2px solid rgba(255,255,255, 0.43);width:249px;height:191px;margin:16px auto 0;cursor:pointer;}
.bds .sdx{width:91px;height:91px; border-radius:100px;margin:50px auto 0;}
.bds .pt:hover .sd{bottom:0;}
.bds .sdt p{
padding:20px; 
color:#fff;
font-size:14px; 
line-height:150%;
overflow:hidden;
text-overflow:ellipsis; 
display:-webkit-box;
-webkit-line-clamp:7;
-webkit-box-orient:vertical;
 text-align:justify;
}






<!--foot-->
.foot{width:100%;overflow:hidden;}
.footer{width:100%; background:#2665b4; min-width:1200px;}
.fo-a{width:1200px;height:53px;margin:0 auto;}
.fo-b{width:1200px;height:248px;margin:0 auto; border-bottom:1px #639ce2 solid; overflow:hidden;}
.fo-b .fo-ab{width:812px;height:248px;float:left;}
/*.fo-b .fo-ab td{width:17%;}
.fo-b .fo-ab .wo{font-size:16px;color:#fff;}
.fo-b .fo-ab .wo td{padding-bottom:14px;background: url(../images/h_03.png) bottom left no-repeat;}
.fo-b .fo-ab .ti{font-size:13px;color:#98c3e8;line-height:31px;}*/

.fo-b .fo-bb{width:1px;height:210px;background:#a6cff2;float:left;}

.fo-b .fo-cb{width:387px;height:248px;float:right;}
.fo-b .fo-cb .tic{font-size:19px;color:#fff;}
.fo-b .fo-cb .tia{font-size:13px;color:#cae6ff;line-height:31px;}
.fo-b .fo-cb .tib{font-size:14px;color:#cae6ff;line-height:44px;}
.end{width:100%;height:65px;background:#2665b4; min-width:1200px;}
.end-a{width:1200px;margin:0 auto;}
.end-a .co{font-size:13px;color:#cae6ff;line-height:65px;float:left;}
.end-a .co a{color:#cae6ff;}
.end-a .ji{font-size:13px;color:#cae6ff;line-height:65px;float:right;}
.end-a .ji a{color:#cae6ff;}




.foot2{padding-top:40px; margin-top:45px; width:100%; min-width:1200px;}
.foot1{width:60%;}
.ftt{color:#fff;font-size:30px;text-transform:uppercase;}
.ftt span{color:#688cba;font-family:"Impact";padding-left:10px;font-size:22px;}
.foot1 .lx{margin-top:30px;}
.fdh{background: url(../images/ft.png) no-repeat left center;color:#bacbdf;font-size:14px;padding-left:45px;line-height:26px;}
.fdh span{color:#fff;font-size:22px;display:block;}
.fdh p{color:#fff;}
.fdh a{color:#fff;}

.wh {
    width: 1200px;
    margin: 0 auto;
	padding-bottom:35px;
	border-bottom:1px #639ce2 solid;
	}

.lxdz{color:#c7d4e5;font-size:14px;line-height:24px;margin-left:8%;}

.fr {
    float: right;
}
.fl {
    float: left;
}
.foot3{width:40%;background: url(../images/fx.png) repeat-y left center;padding-left:5%;}
.wei{width:38%;float:left;}
.wei img{width:auto; width:121px; border-radius:10px;}
.wenwz{float:right;color:#fff;font-size:18px;margin-top:6px;}
.wenwz span{color:#bacbdf;font-size:14px;display:block;}



.location { position:relative; width:1200px; height:72px; line-height:72px; background:url(../images/home.png) left center no-repeat; padding-left:30px;font-size:14px; overflow:hidden;color:#333;margin: 0 auto;}
.wrap { width: 1200px; margin: 0 auto;}

.f-z-1{padding-bottom:40px;}
.f-z-1 dl{float:left;width:16%;}
.f-z-1 dl a:hover{color:#e20909;}
.f-z-1 dt{padding-bottom:26px;}
.f-z-1 dt a{font-size:16px;color:#cae6ff;background:url(../images/h_03.png) bottom left no-repeat;padding-bottom:16px;}
.f-z-1 dt a:hover{font-size:16px;color:#cae6ff;background:url(../images/h_03.png) bottom left no-repeat;padding-bottom:16px;}
/*公司简介*/
.gsjj_left{list-style:none; width:56%; float:left;}
.gsjj_right{list-style:none; width:44%; float:right; text-align:right;}
.gsjj_right img{width: 480px;}





/*翻页*/
#page{margin:50px 5% 30px 5%; overflow:hidden; text-align:center; font-size:14px; clear:both;}
#page .scott{ display:inline-block; margin:0 auto;overflow:hidden;}
#page .scott span,#page .scott a:hover{ background:#5587ce; border:1px solid #5587ce; color:#fff; display:inline; float:left; margin:5px 3px; padding:0 14px; height:34px; line-height:34px; text-decoration:none;}
#page .scott a{padding:0 14px; height:34px; line-height:34px; background-color:#fff; border:1px solid #ccc; margin:5px 3px; display:inline; float:left; color:#222;}
/**/
.page_back{ border-top:1px dashed #ddd; padding:20px 0; margin-top:20px; position:relative; min-height:50px; _height:50px; font-size:16px; line-height:40px;}
.page_back a{ color:#444;}
.page_back a:hover{ text-decoration:underline; color:#a7a25a;}
.page_back .bapage_back_up{ position:absolute; right:10px; top:40px;}
.bapage_back_up em.iconfont{ font-size:18px; font-style:normal; margin-right:6px; display:inline-block;}

/*首页留言*/
.getbook{ margin-top:-10px;}
.getbook td{ font-size:14px; color:#fff; height:50px; border-bottom: 1px solid rgba(0,160,233,0.13); padding-left:5px;}
.getbook input{ width:100%; height:30px; 
	background: none;
    color: rgba(255, 255, 255, 0.8);
    border: none;
    box-shadow: none;
    padding: 0;}
.getbook textarea{ 
width:90%; 
background: none;
color: rgba(255, 255, 255, 0.8);
border: none;
box-shadow: none;
padding-top: 5px;
}
.txt_lft{ padding-left:20px;}
.btn-submit ,reset{ 
width: 160px;
height: 46px;
color: #fff;
background: #00a0e9;
border: none;
font-size: 16px;
margin-top: 20px;
}
input::-webkit-input-placeholder ,textarea::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.6);
      }
      input::-moz-input-placeholder {
        color: rgba(255, 255, 255, 0.6);
      }
      input::-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.6);
      }
	  
/*发展历程*/
.fzlc{text-align: center; width:1200px; position:absolute; margin-left:-40px;}
.fzlc img{ width:1200px;}
.fzlck{ height:550px;}


/*大事记history*/
.history { background:url(../images/line04.gif) repeat-y 187px 0; overflow:hidden; position:relative;}
.history-date { overflow:hidden;}
.history-date h2 { background:url(../images/icon06.gif) #fff no-repeat 158px 0; height:59px; font-size:25px; font-family:\5FAE\8F6F\96C5\9ED1; font-weight:normal; padding-left:30px; margin-bottom:74px;  }
.history-date h2.first { position:absolute; left:0; top:0; width:935px; z-index:99;}
.history-date h2 a { color:#004ea0; display:inline-block; *display:inline; zoom:1; background:url(../images/icon08.gif) no-repeat right 50%; padding-right:17px; margin:21px 97px 0 0;}
.history-date h2 a:hover { text-decoration:none;}
.history-date h2 img { vertical-align:-5px;}
.history-date h2.date02 { background:none;}
.history-date ul { margin-top:40px;}
.history-date ul li { background:url(../images/icon07.gif) no-repeat 180px 0; padding-bottom:20px; zoom:1; }
.history-date ul li.last { padding-bottom:0;}
.history-date ul li:after{content:" "; display:block; height:0; clear:both; visibility:hidden;}
.history-date ul li h3 { float:left; width:168px; text-align:right; padding-right:19px;color:#009e53; font:normal 18px/16px Arial;}
.history-date ul li h3 span { display:block; color:#d0d0d0; font-size:12px;}
.history-date ul li dl { margin-left:190px; padding-left:41px; margin-top:10px; font-family:\5FAE\8F6F\96C5\9ED1;}
.history-date ul li dl dt { font:16px/18px \5FAE\8F6F\96C5\9ED1; color:#737373; }
.history-date ul li dl dt span { display:block; color:#787878; font-size:12px;}
.history-date ul li.green h3 { color:#004ea0;}
.history-date ul li.green h3 span { color:#7fa6cf; }
.history-date ul li.green dl { margin-top:-8px;}
.history-date ul li.green dl dt { font-size:24px; line-height:28px;}
.history-date ul li.green dl dt a {display:inline-block; *display:inline; zoom:1; overflow:hidden; vertical-align: middle; margin-left:12px;}
.history-date ul li.green dl dd { padding-top:20px; display:none;}
.history-date ul li.green dl dd img { float:left;}
.history-date ul li.green dl dd p { overflow:hidden; zoom:1; line-height:21px; color:#787878;}

.history-date h2.first .more-history {font-size: 16px; background: transparent; margin-left: 30px;}
.history-date h2.first .more-history:hover {text-decoration: underline;}