@import url("global.css");

.iabout{ width:84%; background:url(../images/iabout_bg.jpg) repeat-x; padding:0 8% 4% 8%;}
.iabout .cname{ width:13.3%; margin:0 auto;}
.iabout .cname img{ width:100%;}
.iabout .left{ width:37.3%; float:left;}
.iabout .left .ivideo{ width:92.5%; padding:0 !important;}
.iabout .left .ivideo img{ width:100%;}
.iabout .right{ width:62.7%; float:left; font-size:110%; color:#727171; line-height:30px;}
.iabout .right p{ text-indent:2em;}
.iproject{ width:100%; padding:0 0 6.1% 0;}
.iproject .cname{ width:11.2%; margin:0 auto;}
.iproject .cname img{ width:100%;}
.iproject ul{ width:96%; margin:0 auto;}
.iproject ul li{ width:25%; float:left; text-align:center; position:relative; cursor:pointer; color:#727171;}
.iproject ul li img{ width:90%;}
.iproject ul li .mu{ width:90%; position:absolute; top:0; left:5%; z-index:1; background-color:rgba(0,0,0,.5);}
.iproject ul li .text{width:70%; position:absolute; top:10%; left:5%; z-index:2; color:#FFFFFF; padding:0 10%; display:none;}
.iproject ul li span{ width:90%; display:block; margin:0 auto; padding:3% 0; font-size:120%;}
.inews{ width:100%; background:url(../images/inews_bg.jpg) no-repeat; background-size:cover; position:relative;}
.inews .text{ width:100%; position:absolute; text-align:center; font-size:370%; Color:#FFFFFF; padding:5% 0 0 0; font-weight:bold;}
.inews .text span{ font-size:50%;}
.inews .cname{ width:11.2%; margin:0 auto;}
.inews .cname img{ width:100%;}
.inews .tab{ width:25%; margin:0 auto;}
.inews .tab ul{ width:100%;}
.inews .tab ul li{ width:50%; float:left; text-align:center; font-size:162%; color:#898989; cursor:pointer; position:relative; color:#02447e; font-size:125%; font-weight:bold; padding:2% 0 15% 0;}
.inews .tab ul li.thisclass{ color:#FFFFFF; padding:2% 0 15% 0;}
.inews .tab ul li .classname{ position:relative; z-index:2;}
.inews .tab ul li img{ position:absolute; width:100%; left:0; top:0; z-index:1;}
.inews .list{ width:74%; margin:0 auto;}
.inews .list ul{ width:100%; margin:0 auto; padding:1% 0;}
.inews .list ul li{ padding:0.8% 0; color:#3e3a39; font-size:125%;}
.inews .list ul li img{ vertical-align:middle; margin:0 2%;}
.inews .list ul li a{ color:#3e3a39; margin:0 0 0 4%;}
.inews .list .more{ width:7%; margin:0 auto;}
.inews .list1{ display:none;}
.ienterprise{ width:100%;}
.ienterprise .cname{ width:11.2%; margin:0 auto;}
.ienterprise .cname img{ width:100%;}
.ienterprise .tab{ width:30%; margin:0 auto 4%;}
.ienterprise .tab ul{ width:100%;}
.ienterprise .tab ul li{ width:23%; float:left; text-align:center; font-size:130%; padding:1.8% 5% 3%; color:#898989; cursor:pointer; position:relative;}
.ienterprise .tab ul li.thisclass{ color:#FFFFFF;}
.ienterprise .tab ul li.thisclass img{ display:block;}
.ienterprise .tab ul li .classname{ position:relative; z-index:2;}
.ienterprise .tab ul li img{ position:absolute; width:100%; left:0; top:0; z-index:1; display:none;}
.ienterprise .list{ width:98%; position:relative; overflow:hidden; margin:0 auto;}
.ienterprise .list ul{ width:100%; margin:0 auto; position:absolute; left:0; top:0; overflow:hidden; float:left;}
.ienterprise .list ul li{ width:20%; float:left; text-align:center;}
.ienterprise .list ul li img{ width:94%;}
.ienterprise .list1{ display:none;}
.ienterprise .list2{ display:none;}





.about{ width:100%;}
.about .position{ width:84%; margin:0 auto; padding:1% 0;}
.about .introduce{ width:84%; margin:0 auto; padding:0 0 5% 0;}
.about .introduce .cname{ width:15.6%; margin:0 auto;}
.about .introduce .cname img{ width:100%;}
.about .introduce .pic{ width:35%; float:left;}
.about .introduce .pic img{ width:87%;}
.about .introduce .content{ width:100%; line-height:32px; font-size:100%; color:#666666;}
.about .introduce .content img { width:30%; float:left; padding:0 20px 10px 0;}
.about .introduce .content strong{ font-size:125%; line-height:32px;}
.about .introduce .content p{ text-indent:2em;}
.about .culture{ width:84%; margin:0 auto; background:#f5f5f5; padding:0 8% 5%;}
.about .culture .cname{ width:15.6%; margin:0 auto;}
.about .culture .cname img{ width:100%;}
.about .culture ul{ width:69%; float:left;}
.about .culture ul li{ width:33.3%; float:left; font-size:100%; color:#666666; padding:2% 0;}
.about .culture ul li strong{ display:block; color:#1a62ac; font-size:125%;}
.about .culture ul li .icoimg{ width:22%; float:left; padding:2% 0;}
.about .culture ul li .icoimg img{ width:60%;}
.about .culture .pic{ width:31%; float:left;}
.about .culture .pic img{ width:100%;}
.about .speech{ width:84%; margin:0 auto; padding:0 0 2% 0;}
.about .speech .cname{ width:17.6%; margin:0 auto;}
.about .speech .cname img{ width:100%;}
.about .speech .pic{ width:35%; float:left;}
.about .speech .pic img{ width:87%;}
.about .speech .content{ width:65%; float:left; color:#666666;}
.about .speech .content strong{ font-family:"fzzzhj"; font-size:137%; line-height:35px;}
.about .speech .content p{ text-indent:2em; line-height:30px; padding:0 0 1% 0;}
.about .speech .content span{ font-family:"fzzzhj"; font-size:187%; line-height:40px; color:#000000;}



.honor{}
.honor .list{ padding:5% 0;}
.honor .list ul{ width:100%;}
.honor .list ul li{ width:22.8%; margin:1%; float:left; text-align:center; border:1px solid #617eaf; padding:1% 0;}
.honor .list ul li img{ width:90%; cursor:pointer;}


.investment{}
.investment .position{ padding:1% 0 3%;}
.investment .left{ width:20%; float:left;}
.investment .left ul{}
.investment .left ul li{ width:100%; height:114px; text-align:center; font-size:125%; background:#c9dbeb; margin:0 0 2% 0;}
.investment .left ul li a{ display:block; width:76%; height:100%; padding:0 12%; color:#505050;}
.investment .left ul li a:hover{ background:url(../images/left_li_a_bg.png) 5% center no-repeat #1a62ac; color:#FFFFFF;}
.investment .left ul li a.this{ background:url(../images/left_li_a_bg.png) 5% center no-repeat #1a62ac; color:#FFFFFF;}
.investment .right{ width:70%; float:left; padding:0 5%;}
.investment .right strong{ font-size:225%; text-align:center; color:#25367b;}
.investment .right p{ text-indent:2em; line-height:32px; color:#666666;}



.service{}
.service .position{ padding:1% 0 3%;}
.service .left{ width:22%; float:left;}
.service .left ul{}
.service .left ul li{ height:90px; line-height:90px; margin:0 0 2% 0; background:#c9dbeb; font-size:150%; color:#505050;}
.service .left ul li a{ display:block; color:#505050; padding:0 0 0 15%;}
.service .left ul li a.this{ color:#FFFFFF; background:#1a62ab;}
.service .left ul li a:hover{ color:#FFFFFF; background:#1a62ab;}
.service .right{ width:78%; float:left;}
.service .right .tab{ width:90%; margin:2% auto;}
.service .right .tab ul{ width:70%; margin:0 auto;}
.service .right .tab ul li{ width:25%; float:left; text-align:center; padding:1% 0;}
.service .right .tab ul li a{ display:block; border:1px solid #000000; border-right:none; color:#000000; font-size:125%;}
.service .right .tab ul li:last-child a{ border:1px solid #000000;}
.service .right .tab ul li.this{ background:#000000;}
.service .right .tab ul li.this a{ color:#FFFFFF;}
.service .right .tab ul li.this_h{ background:#000000;}
.service .right .tab ul li.this_h a{ color:#FFFFFF;}
.service .right .content{ width:90%; margin:2% auto; color:#666666; font-size:115%; line-height:150%;} 
.service .right .content p{ text-indent:2em; padding:0 0 1% 0;}
.service .right .list{ width:100%; margin:10% auto;}
.service .right .list ul{}
.service .right .list ul li{ width:33.3%; float:left; text-align:center;}
.service .right .list ul li a{ display:block; width:90%; margin:0 auto 0%; border:1px solid #000000; position:relative; padding:3% 0;}
.service .right .list ul li a img{ width:90%;}
.service .right .list ul li a:hover:after{ content:""; position: absolute; z-index: 1; width:0px; height:0px; border:10px solid #FFF; border-color: #000000 #000000 transparent transparent; bottom:0px; right:0px;transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg);}
.service .right .list ul li span{ display:block; padding:2% 0 4% 0;}


.news{}
.news .position{ padding:1% 0 3%;}
.news .left{ width:24%; float:left;}
.news .left ul{ width:80%;}
.news .left ul li{ width:100%; height:178px; line-height:178px; text-align:center; font-size:225%;}
.news .left ul li a{ width:100%; display:block; background:#f4f6fc; color:#b5b5b6; position:relative;}
.news .left ul li a.this{ background:#1a62ab; color:#FFFFFF;}
.news .left ul li a:hover{ background:#1a62ab; color:#FFFFFF;}
.news .left ul li a:after{ content:""; position: absolute; z-index: 1; width:0px; height:0px; border:10px solid #FFF; border-color: #fff #fff #fff #f4f6fc; top:80px; left:100%;}
.news .left ul li a.this:after{ border-color: #fff #fff #fff #1a62ab;}
.news .left ul li a:hover:after{ border-color: #fff #fff #fff #1a62ab;}
.news .right{ width:76%; float:left;}
.news .right .new{ width:94%; padding:2% 3%!important; background:#f4f6fc;}
.news .right .new .date{ color:#3e3a39; font-size:137%;}
.news .right .new .date img{ vertical-align:middle; margin:0 2% 0 0;}
.news .right .new .ltitle{ padding:2% 0!important; color:#3e3a39; font-size:150%;}
.news .right .new .ltitle a{ color:#3e3a39;}
.news .right .new .info{ width:60%; float:left; line-height:25px; text-indent:2em;}
.news .right .new .info a{ display:block; width:55px; height:25px; line-height:25px; border:1px solid #c9c9c9; border-radius:5px; text-indent:0; text-align:center; font-size:12px; color:#7d7d7d; margin:5% 0 0 0; float:right;}
.news .right .new .pic{ width:35%; float:right;}
.news .right .new .pic img{ width:100%;}
.news .right .list{}
.news .right .list ul{ padding:5% 0 0 0;}
.news .right .list ul li{ padding:2% 0;}
.news .right .list ul li:nth-child(even){ padding:2% 0; background:#f4f6fc;}
.news .right .list ul li .date{ width:15%; float:left; margin:2% 3.5% 2% 1.5%; text-align:center; background:url(../images/news_li_date_bg.jpg) right center no-repeat; font-size:112%; color:#1a62ab;}
.news .right .list ul li .date span{ display:block; width:72%; margin:0 auto; font-size:160%; border-bottom:1px solid #1a62ab;}
.news .right .list ul li .pic{ width:15%; float:left;}
.news .right .list ul li .pic img{ width:90%;}
.news .right .list ul li .cont{ width:65%; float:left;}
.news .right .list ul li .cont .ltitle{ width:95%; font-size:112%; color:#3e3a39; padding:1% 0!important;}
.news .right .list ul li .cont .ltitle span{ color:#666666; font-size:88%;}
.news .right .list ul li .cont .ltitle a{ color:#3e3a39;}
.news .right .list ul li .cont .info{ width:95%;}
.news .right .list ul li .cont .info a{ color:#3e3a39;}
.news .right .list ul li.this{ background:#1a62ab;}
.news .right .list ul li.this .cont .ltitle a{ color:#FFFFFF;}
.news .right .list ul li.this .cont .ltitle span{ color:#FFFFFF;}
.news .right .list ul li.this .cont .info a{ color:#FFFFFF;}
.news .right .list ul li.this .date{ color:#FFFFFF;}
.news .right .list ul li.this .date span{ border-bottom:1px solid #FFFFFF;}
.news .right .list ul li.ias{ background:#FFFFFF; cursor:pointer;}
.news .right .list ul li.ias a{ display:block; margin:2% 0; padding:2% 0; background:#f4f6fc; color:#1a62ab; text-align:center;}
.news .right .title{ width:90%; margin:0 auto; text-align:center; font-size:150%; padding:0 0 1% 0!important; color:#666666;}
.news .right .cdate{ width:90%; margin:0 auto; text-align:center; font-size:120%; color:#666666;}
.news .right .content{ width:95%; margin:0 auto; font-size:140%; line-height:150%; padding:2% 0 0 0!important; color:#666666;}
.news .right .content p{ text-indent:2em;}


.contact{}
.contact .companyname{ width:86%; margin:0 auto; color:#25367b; text-align:center; font-size:225%; padding:2% 0; font-family:"fzzzhj";}
.contact .map{ width:85%; margin:0 auto; border:1px solid #000000;}
.contact .content{ width:77%; margin:4% auto;}
.contact .content ul{ width:60%; background:url(../images/contact_ul_bg.jpg) no-repeat; float:left;}
.contact .content ul li{ height:57px; line-height:57px; padding:0 0 0 50px;}
.contact .content .qr{ width:40%; float:left; text-align:center; padding:5% 0 0 0;}
.contact .content .qr img{ width:80%;}



@media screen and (max-width: 1920px) {
	.iabout .right{ line-height:33px;}
	.investment .left ul li a{ height:60px; padding:27px 12%;} 
	.investment .left ul li:nth-child(1) a{ height:30px; padding:42px 12%;} 
	.investment .left ul li:nth-child(2) a{ height:30px; padding:42px 12%;} 
	.news .right .new .info{ line-height:30px;}
}

@media screen and (max-width: 1680px) {
	.iabout .right{ line-height:32px; font-size:100%;}
}

@media screen and (max-width: 1440px) {
	.iabout .right{ line-height:23px;}
	.about .introduce .content{ line-height:23px;}
}


@media screen and (max-width: 1280px) {
	.iabout .right{ line-height:30px;}
}


@media screen and (max-width: 1024px) {
	.iabout .right{ line-height:30px;}
}