@charset "utf-8";
a,address,b,big,blockquote,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
button,html input[type=button],input[type=submit]{-webkit-apperance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
ol,ul{list-style:none}
img{border:0;vertical-align:middle}
em,i,u{font-style:normal}
input,textarea,select{outline:0;}
table{border-collapse:collapse;}
a{text-decoration:none;color:#585858;}
a:hover{ color:#002d7b;-o-transition: color 0.5s ease-out;
-webkit-transition: color 0.5s ease-out;
-moz-transition: color 0.5s ease-out;
transition: color 0.5s ease-out;}
.fl{ float:left;}
.fr{ float:right;}
.clear { LINE-HEIGHT: 0px; WIDTH: 0px; FLOAT: none; HEIGHT: 0px; CLEAR: both; OVERFLOW: hidden;}

body{ background:#FFF; font:12px/1.45 "Microsoft YaHei", Arial, Helvetica, sans-serif; color:#585858; width:100%; position:relative;}
html{ width:100%;}
header{ height:87px; width:100%; background:#fff; box-shadow:0px 0px 5px #ccc;  position:fixed; top:0px; z-index:999999;}
.flicker-example{  }


.content2{ padding-top:87px;}
.inlogo{ height:100%;  width:100%;  }
#inlogo{ background:url(../images/logo2.png) no-repeat 10% center;  height:100%; background-size:186px auto; display:block;}
.innav{ position:absolute; right:0; top:30px; width:100%; z-index:999999;}

.main1{ background:url(../images/images/mian1bg.png) no-repeat bottom center; background-size:100% auto; display: block; position: relative;
padding-top: 48%;   margin: 0 auto;}
.main1zi{position:absolute; top:8%; margin:0px auto; width:100%; }
.main1 h1{ font-size:28px; color:#000000; text-align:center; font-weight:normal;}
.main1 span{ text-align:center; display:block;  margin:1% auto 1%; color:#fe0c0c; font-size:20px;}
.main1 h2{ font-size:30px;  text-align:center;  margin:0% auto 2%; color:#002d7b;font-weight:normal;}
.main1 h3{ font-size:15px; text-align:left; width:75%; margin:0px auto;}
.main1 i{ width:5%; background: #cccccc;    height: 1px;    display:inline-block;   margin:10px;}

.mainanan{ background:url(../images/images/anan.png) no-repeat center top; margin:5% auto; height:54px; line-height:54px; text-align:center;}
.mainanan a{ font-size:14px; color:#002d7b; }

.main2{ background:url(../images/images/mian2bg.jpg) no-repeat top center; display: block; position: relative; height:480px;}
.main2zi{position:absolute; top:15%; margin:0px auto; width:100%;}
.main2 h1{ font-size:30px; font-weight:normal; color:#fff; text-align:center; }
.main2 span{ display:block; margin:1% auto 5%; text-align:center; color:#fff; font-size:20px;}
.main2 h3{ font-size:14px; text-align:center; width:55%; margin:0px auto; color:#fff;font-weight:normal;}
.main2pic{ position: relative;  top:48%;}
.main2pic h4{ color:#fff; font-weight:normal; font-size:16px; width:100%; text-align:center; margin:5px auto;}
.main2pic ul{ padding:0 5%;  margin:0px auto;}
.main2pic ul li{ float:left; width:16.6%; text-align:center;}

.footziico select {
    height: 30px;
    line-height: 30px;
    border: none;
    padding: 0px 5px;
    margin-right: 1%;
    margin-bottom: 1%;
}

.main3{ position:relative;}
.main3casefl{ width:63%; float:left; height:389px; display:block; background-position:right top;}
.main3casefr{ width:37%; float:left; height:389px;}
.main3casefl2{ width:35%; float:left; height:389px;}
.main3casefr2{ width:65%; float:right; height:389px; display:block; background-position:right top;}

.main3casezi{ width:62%; margin:15% auto 0; text-align:center;}
.main3casezi h1{ color:#002d7b; font-size:22px; display:block; padding-bottom:10px;}
.main3casezi h3{  font-size:16px; display:block; padding-bottom:30px;}
.main3casezi span{ line-height:18px; padding-bottom:10%; display:block;}
.main3casezi h2{ margin:0px auto; width:42%; text-align:center;}
.main3casezi h2 a{  font-size:14px; line-height:40px; display:block; background:#fff; border:1px solid #585858;  height:43px;border-radius:3px; -o-transition: background 0.5s ease-out;
-webkit-transition: background 0.5s ease-out;
-moz-transition: background 0.5s ease-out;
transition: background 0.5s ease-out;}
.main3casezi h2 a:hover{background:#002d7b; border:1px solid #fff; color:#fff; }

.main4{ background:url(../images/images/footbg.png) #f7f7f7 no-repeat left bottom; width:100%; height:520px; }
.main41{ float:left; width:30%; padding-top:70px;}
.main42{ float:left; width:30%; padding-top:70px;}
.main43{ float:left; width:40%; height:520px; background:url(../images/images/newsline.jpg) repeat-y 17% top;}
.main41 h2{ font-size:18px; color:#002d7b;}
.main41 h3{ font-size:14px; color:#002d7b;}
.main41 a{ display:block; padding:0 22% 0 40%;}
.main42{}
.main42an{ float:left; width:10%; min-width:45px;}
.main42cont{ float:left; width:80%; padding-right:10%;}
.main42cont img{ width:100%;}
.main42contzi{}
.main42contzi h3{ font-size:14px; display:block; padding:20px 0 10px; color:#333;}
.main42contzi h2{ background:#002d7b; text-align:center;   width:108px; height:38px; border-radius:3px;}
.main42contzi h2 a{ color:#fff; line-height:38px; font-size:12px; font-weight:normal;}
.main42contzi span{ display:block; padding-bottom:20px;} 
.main43 ul{ padding-top:40px;}
.main43 ul li{ width:80%;}
.main43 h3{ color:#333; float:left; text-align:right; width:22%; padding-right:30px; height:80px; padding-top:30px; font-weight:normal;}
.main43 h3 span{ font-size:16px; color:#333; display:block; text-align:right;}
.main43zi{ width:78%; display:block; float:left; border-bottom:1px solid #e5e5e5; padding:30px 0 30px 20px;}
.main43zi a{ color:#333;}
.main43zi a:hover{ color:#002d7b;}
.main43zi h2{ display:block; font-size:14px; padding-bottom:10px;}

.foot{ width:100%; height:190px; background:url(../images/images/footbg.jpg) no-repeat center top;}
.footlogo{ position:absolute; right:9%; padding-top:2%;}
.footzi{ float:left; padding:0 0 0 9%; width:68%; color:#fff; padding-top:3%;}
.footziico{padding:2% 0; /*width:70%;*/}
.footziico a{ padding-right:4%; display:inline-block;}
.footzizi{ margin-top:0%;}
.footzi a{ color:#fff;}
.footzi a:hover{ color:#000;}

.casebanner{ background:url(../images/images/01.jpg) no-repeat center top;}
.productsbanner{background:url(../images/images/02.jpg) no-repeat center bottom; background-size:100% auto;}
.abbanner{ background:url(../images/images/03.jpg) no-repeat center top;}
.newsbanner{ background:url(../images/images/04.jpg) no-repeat center bottom; background-size:100% auto;}
.joinbanner{ background: url(../images/images/05.jpg) no-repeat center top;background-size:100% auto;}
.contbanner{ background:url(../images/images/06.jpg) no-repeat center top;background-size:100% auto;}

#mslider {height: 300px; width: 100%;position: relative;overflow: hidden}
#mslider .bx-wrapper {position: fixed; width: 100%; height:300px;}
#mslider .bx-wrapper .bx-pager {bottom: 50px}
#mservice .bgmask, #mpage .bgmask {}.module {position: relative;z-index: 2;height: 100%}
#mservice {background-color: #fff;}
.module .content { position: inherit; top: inherit; min-height:500px; padding-bottom:50px;}
.content .header {padding-bottom: 50px;padding-top: 80px}
.content .header p {text-align: center;}
.content .header p.title {color: #444;font-size: 26px}



.abbgcont{ width:85%; margin:0px auto; font-size:14px; line-height:24px;}
.abbgcontimg{ float:left; padding:0 3% 2% 0;}
.abbgline{ display:block; height: 1px; border: none; border-top: 1px dotted rgb(211, 211, 211); margin: 20px 0;}

.banimg li .case_img { overflow:hidden; width:100%;}

.banimg li img{ transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.banimg li:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); }



.caselist{}
.caselistkk{}
.caselistkk ul li{ width:25%; float:left; padding-bottom:2%;}

.caselistkk ul li a{border-bottom:2px solid #fff; display:inline-block; width:96%;}
.caselistkk ul li a:hover{border-bottom:2px solid #002d7b;}

.caselistkk .case_img{ width:100%;}
.caselistkk .case_img img{ width:100%;transition: all 0.3s ease-out 0s;}
.caselistkk .case_info{ width:100%; transition: all 0.3s ease-out 0s;}
.caselistkk .case_info h2{ font-weight:normal; font-size:14px; color:#333; display:block; padding-top:20px; line-height:18px;}
.caselistkk .case_info h3{ font-weight:normal; font-size:12px; color:#999; display:block; padding:0px; margin:0px;}
.caselistkk .case_info h1{ font-weight:normal; font-size:14px; color:#333; display:block; padding:10px 0; line-height:18px;}

.nyfldh {text-align: center;background: #fff; padding-bottom:30px; }
.nyfldh ul { width:100%; position:relative; right:0px; }
.nyfldh  nav{ text-align:center;}
.nyfldh a { padding: 8px 16px; color: #616161; border:1px solid  #d2d2d2 ; margin-right: 2px; display: inline-block;    transition: all 0.3s ease-out 0s; border-radius:0;}
.nyfldh a:hover,.nyfldh .dhcurry{ background:#353535; border-radius:0; color:#fff;}
.nyfldh ul li {display: inline;margin-left: 1em;}
.nyfldh ul li:first-child {margin-left: 0;}
.nyfldh ul li ul {display: none;}
section, article, .nyfldh {display: block;float: left;width: 100%;}
article {width: 96%;padding: 3em 2%;}




.newslist{ padding-bottom:5%;}
.newstitem{ width:33.33%;}
.newstitemone{ width:86%; position:relative; margin:15% auto 0;}
.newstitemlast{ width:86%; position:relative;  margin:15% auto 0; float:right;}


.newstitem .news_wrapper { position: inherit; }
.newstitem.left a.newscontent, .newstitem.right a.newscontent { padding: inherit; }
.newstitem.left a.newscontent:hover, .newstitem.right a.newscontent:hover { padding: inherit; }
.newstitem a.newscontent:hover .news_wrapper, .news_wrapper { width: 100%; }
.separator { display: none; }
.newstitem { border-bottom: 1px solid transparent; border-radius: 4px; float: left; height: auto; height: auto; }
.newsbody p.date { font-family: "HELVETICANEUELTPRO-THEX", Arial; height: 30px; font-weight: 300; margin-bottom: 0; }
.newstitem a.newscontent { text-align: left; }
.newstitem .md { color: #8a8a8a; }
.newstitem .md:after { content: ''; display: block; border-bottom: 1px solid #3C3C3C; top: 74px; width: 10px; position: absolute; left: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.newstitem:hover .md::after { width: 100%; }
.newstitem .year { color: #8a8a8a; }
.newsbody .description { width: 100%; margin-top: 20px; font-size: 12px; color: #777; text-align: left; height: 42px; overflow: hidden; }
.newstitem a.details { display: block; position: absolute; z-index: 20; top: -3px; background: none; width: 100px; height: 20px; margin: 0px; border-radius: 0px; line-height: 21px; text-indent: -94px; overflow: hidden; border: none; right: 90px; }
.newstitem i { text-indent: 0px; color: transparent; font-size: 20px; margin: 0; display: none; }
.newstitem:hover a.details i { text-indent: 60px; color: #707070; }

.newsbody{}
.newsbody .title {  width: 100%;    overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;    border-bottom: 1px solid #EFEFEF;    padding: 0 0 20px 0;    font-size: 16px;     color: #595959; display:block;}
.newstitem:hover p.title {    color: #002d7b;}

.contzi{ float:left; width:30%;}
.contmap{ float:left; width:70%;}

.yema{ text-align:center; margin:0px auto;}
.yema a{display: inline-block; text-decoration: none; padding: 0 8px; height: 21px; line-height: 21px; border: 1px solid #ddd; background: #ffff; margin: 0 5px; font-size: 12px; text-align: center; }
.yema a#page_on,.yema a:hover{font-weight: bold; color: #fff; background: #0d2e3d; border: 1px solid #0d2e3d; }

.logoico{ text-align:center; padding-bottom:20px;}


@media screen and ( max-width:770px ){
	
.logoico{  display:block;}
.logoico a{ float:left; width:25%; display:inline-block;}
.logoico img{  width:100%;}
	
header{ height:67px; width:100%; background:#fff; box-shadow:0px 0px 5px #ccc;  position:fixed; top:0px; z-index:999999;}
.content{}
.content2{ padding-top:67px; }
.innav{ position:absolute; right:0; top:20px; width:100%; z-index:999999;}
#inlogo{ background:url(../images/images/logo.png) no-repeat 10px center;  background-size:260px auto; display:block;}
.main1{ background:url(../images/images/mian1bg.png) no-repeat bottom center; background-size:100% auto; display: block; position: relative;
padding-top:100%;   margin: 0 auto;}
.main1 h1{   text-align:center; font-size:22px;}
.main1zi{ top:3%; }
.main1 span{  display:block;}
.main1 h2{  width:90%; font-size:24px; }
.main1 h3{ font-size:12px; text-align:center; width:95%; margin:0px auto; }
.main1 i{ display:none;}
.mainanan{ background:url(../images/images/anan.png) no-repeat center center;  text-align:center; background-size:30% auto;}
.mainanan a{ font-size:12px;}
.main2{ background:url(../images/images/mian2bg.jpg) no-repeat top center; display: block;  height:auto; padding:5% 0;}
.main2zi{ margin:0px auto; width:100%; text-align:center; position:relative; padding:2% 0;}
.main2 h1{ font-size:22px; font-weight:normal; color:#fff; text-align:center; }
.main2 span{  display:block;  margin:1% auto 5%;}
.main2 h3{ font-size:12px; text-align:center; width:90%; margin:0px auto; color:#fff;font-weight:normal;}
.main2pic{  margin:0px auto; width:100%; text-align:center;position:relative;}
.main2pic h4{ color:#fff; font-weight:normal; font-size:12px; width:95%; text-align:center; margin:5px auto;}
.main2pic ul{ padding:0%;  margin:0px auto;}
.main2pic ul li{ float:left; width:33.3%; text-align:center; padding-top:5%;}
.main2pic ul li img{ width:70%; max-width:156px;}

.main3casefl{ float:none;  background-size: cover; background-repeat: no-repeat; background-position: top center; width: 100%; height: 200px;}
.main3casefr{ width:100%;  float:none; height:auto;}
.main3casefl2{ width:100%;  float:none; height:auto;}
.main3casefr2{ float:none;  background-size: cover; background-repeat: no-repeat; background-position: top center; width: 100%; height: 200px;}
.main3casezi{ width:95%; margin:8% auto; text-align:center;}

.main4{ background:url(../images/images/footbg.png) #f7f7f7 no-repeat left bottom; width:100%; height: auto; }
.main41{ width:100%; padding-top:20px; float:none;}
.main42{ width:90%;  padding:10% 0; float:none; margin:0px auto;}
.main43{ width:100%; background:none; height:auto;}
.main41 a{ display:block; padding:0 0% 0 5%;}
.main42an{ float:none; width:10%; min-width:45px;}
.main42cont{ float:left; width:100%; padding:0;}
.main43 ul{ padding-top:0px; border-top:1px dotted #e5e5e5; }
.main43 ul li{ width:90%; margin:0px auto; border-bottom:1px solid #e5e5e5; }
.main43 h3{ color:#333; float:left; text-align:right; width:20%; padding-right:0px; height:80px; padding-top:10%; font-weight:normal;}
.main43 h3 span{ font-size:16px; color:#333; display:block; text-align:right;}
.main43zi{ width:80%; display:block; float:left; border:none; padding:10% 0 10% 8%;}
.main43zi a{ color:#333;}
.main43zi a:hover{ color:#002d7b;}
.main43zi h2{ display:block; font-size:14px; padding-bottom:10px;}


#mslider .bx-wrapper {position: fixed; width: 100%; height:180px; background-size:cover;}
#mslider {    height: 180px;    width: 100%;    position: relative;    overflow: hidden; z-index:-1;}

.casebanner{ background:url(../images/images/01.jpg) no-repeat center top;}
.productsbanner{background:url(../images/images/02.jpg) no-repeat center top;}
.abbanner{ background:url(../images/images/03.jpg) no-repeat center top;}
.newsbanner{ background:url(../images/images/04.jpg) no-repeat center top;}
.joinbanner{ background:url(../images/images/05.jpg) no-repeat center top;}
.contbanner{ background:url(../images/images/06.jpg) no-repeat center top;}


.abbgcont{ width:95%; margin:0px auto; clear:both; font-size:14px; line-height:24px;}
.abbgcontimg{ float:none; padding:0;}
.abbgcontimg img{ width:100%; display:block; padding-bottom:10px;}
.content .header {padding-bottom: 20px;padding-top: 15px}
.abbgline{ display:block; height: 1px; border: none; border-top: 1px dotted rgb(211, 211, 211); margin: 10px 0;}

.nyfldh{ padding-bottom:0px;}

.caselistkk ul li{ width:50%; float:left;  padding:0 0 2%; margin:0; }

.newslist{width:100%; position:relative; top:0; clear:both;}
.newstitem{ width:100%; position:relative; top:0; border-bottom:rgba(0,0,0,0.05) 1px solid;}
.newstitemone{ width:100%; position:relative; margin:5% auto;}
.newstitemlast{ width:100%; position:relative;  margin:5% auto;}
.newsbody .title {  width: 100%;    overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;    border-bottom:none;    padding: 0;    font-size: 16px;     color: #595959; display:block;}
.newstitem .md:after { display:none;}


.contzi{ float:none; width:100%; padding-bottom:20px;}
.contmap{ float:none; width:100%;}


.foot{ width:100%; padding:5%; height:auto; background:url(../images/images/footbg.jpg) no-repeat center top; background-size:auto 100%;}
.footlogo{ position:relative; right:0%; padding:0; width:100%;}
.footlogo img{ width:50%;}
.footzi{ float:none; padding:0%; width:100%; color:#fff; padding-top:4%;}
.footziico{  padding:2% 0; width:100%;}
.footziico a{ padding-right:4%; display:inline-block;}
.footzizi{ margin-top:5%;}
.footzi a{ color:#fff;}
.footzi a:hover{ color:#000;}

.izl-rmenu{ display:none; }
.caselistkk .case_info h1{ height:56px;}

}