@charset "utf-8";
/* CSS Document */
.pw3{
	width:1565px;
	margin:0 auto;
	} 

@font-face {
    font-family: 'DINCond-Medium';
    src: url('../fonts/DINCond-Medium.eot');
    src: url('../fonts/DINCond-Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DINCond-Medium.woff2') format('woff2'),
         url('../fonts/DINCond-Medium.woff') format('woff'),
         url('../fonts/DINCond-Medium.ttf') format('truetype'),
         url('../fonts/DINCond-Medium.svg#gotham_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }

body {
/*    font-family: "Lucida Grande", "Microsoft JhengHei", "Microsoft YaHei";*/
    font-family:Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #666666;
    line-height: 30px;
}
body {
    padding: 0px;
    margin: 0px;
}
img {
    border: 0;
}
a {
    color: #666666;
    text-decoration: none;
}
a:hover {
    color: #006db3;
    text-decoration: none;
}
ol, ul, li,  p, div {
    list-style: none;
}
.maincontent {
    width: 1200px;
    margin: 0 auto;
}
.clearfix {
    clear: both
}
.header{ 
	position:fixed; 
	top:0; 
	left:0; 
	right:0;
	z-index: 1005;
	}
.header {
    height: 90px;
    background: #fff;
    border-bottom: 1px solid #f5f5f5;
}
.logo {
    width: 156px;
    float: left;
    margin-top: 17px;
    margin-left:5px;
}
.nav {
    float: left;
    margin-top: 35px;
    margin-left: 65px;
}
.nav li {
    float: left;
}
.nav a {
    color: #3d3d3d;
    font-weight: bold;
    font-size: 18px;
    padding: 0 30px;
    line-height: 24px;
    background: url(../images/nav.png) no-repeat left center;
}
.nav li:first-child a {
    background: none;
}
.nav a:hover, .nav a:active, .nav a.act {
    color: #006ab3;
}
.searchb {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}
.phoneb {
    overflow: hidden;
    float: left;
    padding: 0 5px 0 15px;
}
.header .phone {
    font-size: 22px;
    color: #006db3;
    font-family: Arial;
    font-style: italic;
    display: block;
    line-height: 40px;
    background: url(../images/phone.png) no-repeat left bottom;
    padding-left: 45px;
    margin-top: 25px;
    cursor: default;
}
/* menuBox end */
.navMobile { padding: 15% 0px 50px; }
.navMobile dd { display: block; width: 100%; text-align: center; }
.navMobile dd a { display: block; position: relative; padding: 10px 0px; line-height: 1.4; font-size: 12px; color: #3d3d3d; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; }
.navMobile dd p a { text-transform: uppercase; font-size: 16px; padding: 15px 0px; transition:background 400ms; -webkit-transition:background 400ms; }
.navMobile dd p a:hover,.navMobile dd p a.act{ background:#006db3; color:#fff; }
.navMobile dd p a:hover .line,.navMobile dd p a.act .line{ width:0; }
.navMobile dd .line{ height:1px; background:#c1c1c1; width:64px; display:block; position:absolute; left:50%; margin-left:-32px; top:0; transition:300ms; -webkit-transition:300ms; }
.navMobile dd .mtnav .line{ width:0; background:#006db3; top:auto; bottom:0; }
.navMobile dd .mtnav a:hover{ color:#006db3; }
.navMobile dd .mtnav a:hover .line{ width:64px; }
.navMobile dd .mtnav{ display:none; }
.mlogo{ width:128px; display:block; position:absolute; left:5%; top:16px }
.mlogo img{ width:100%; } 
.mphone{ display:block; color:#fff; height:32px; line-height:32px; text-align:center; background:#006db3; padding:18px 0 28px 0; }
.mphone .ico{ width:32px; display: inline-block;*zoom: 1;*display: inline; vertical-align:middle; background-image:url(../images/mphone.png); margin-right:10px; }
.msee{ text-align:center; font-size:12px; color:#9d9d9d; line-height:2; margin-top:23px; }
.msee a{ color:#9d9d9d; }
.msee a:hover{ color:#006db3; }
/* menuBox end *//* menuBox end */
.navMobile { padding: 15% 0px 50px; }
.navMobile dd { display: block; width: 100%; text-align: center; }
.navMobile dd a { display: block; position: relative; padding: 10px 0px; line-height: 1.4; font-size: 12px; color: #3d3d3d; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; }
.navMobile dd p a { text-transform: uppercase; font-size: 16px; padding: 15px 0px; transition:background 400ms; -webkit-transition:background 400ms; }
.navMobile dd p a:hover,.navMobile dd p a.act{ background:#006db3; color:#fff; }
.navMobile dd p a:hover .line,.navMobile dd p a.act .line{ width:0; }
.navMobile dd .line{ height:1px; background:#c1c1c1; width:64px; display:block; position:absolute; left:50%; margin-left:-32px; top:0; transition:300ms; -webkit-transition:300ms; }
.navMobile dd .mtnav .line{ width:0; background:#006db3; top:auto; bottom:0; }
.navMobile dd .mtnav a:hover{ color:#006db3; }
.navMobile dd .mtnav a:hover .line{ width:64px; }
.navMobile dd .mtnav{ display:none; }
.mlogo{ width:128px; display:block; position:absolute; left:5%; top:16px }
.mlogo img{ width:100%; } 
.mphone{ display:block; color:#fff; height:32px; line-height:32px; text-align:center; background:#006db3; padding:18px 0 28px 0; }
.mphone .ico{ width:32px; display: inline-block;*zoom: 1;*display: inline; vertical-align:middle; background-image:url(../images/mphone.png); margin-right:10px; }
.msee{ text-align:center; font-size:12px; color:#9d9d9d; line-height:2; margin-top:23px; }
.msee a{ color:#9d9d9d; }
.msee a:hover{ color:#006db3; }
/* menuBox end */ dl, dt, dd, ol,  dl, dt, dd, ol, .caselist {
	padding: 40px 0px;
}

.caselist dd {
	float: left;
	display: block;
	width: 32%;
	margin: 0px 0px 40px 1%;
}

.caselist .img {
	overflow: hidden;
	margin-bottom: 20px;
}

.caselist .img img {
	width: 100%;
	display: block;
	transition: 600ms;
	-webkit-transition: 600ms;
}

.caselist .con {
	overflow: hidden;
	position: relative;
	padding-bottom: 20px;
	box-shadow: 0 0px 3px rgba(0, 0, 0, 0.25);
	transition: 300ms;
	-webkit-transition: 300ms;
}

.no-boxshadow .caselist .con {
	border: 1px solid #CCCCCC;
}

.caselist h3 {
	margin: 0px 5%;
	font-size: 16px;
	height: 29px;
	overflow: hidden;
}
.caselist {
	padding: 40px 0px;
}

.caselist dd {
	float: left;
	display: block;
	width: 32%;
	margin: 0px 0px 40px 1%;
}

.caselist .img {
	overflow: hidden;
	margin-bottom: 20px;
}

.caselist .img img {
	width: 100%;
	display: block;
	transition: 600ms;
	-webkit-transition: 600ms;
}

.caselist .con {
	overflow: hidden;
	position: relative;
	padding-bottom: 20px;
	box-shadow: 0 0px 3px rgba(0, 0, 0, 0.25);
	transition: 300ms;
	-webkit-transition: 300ms;
}

.no-boxshadow .caselist .con {
	border: 1px solid #CCCCCC;
}

.caselist h3 {
	margin: 0px 5%;
	font-size: 16px;
	height: 29px;
	overflow: hidden;
}
.caselist {
	padding: 40px 0px;
}

.caselist dd {
	float: left;
	display: block;
	width: 32%;
	margin: 0px 0px 40px 1%;
}

.caselist .img {
	overflow: hidden;
	margin-bottom: 20px;
}

.caselist .img img {
	width: 100%;
	display: block;
	transition: 600ms;
	-webkit-transition: 600ms;
}

.caselist .con {
	overflow: hidden;
	position: relative;
	padding-bottom: 20px;
	box-shadow: 0 0px 3px rgba(0, 0, 0, 0.25);
	transition: 300ms;
	-webkit-transition: 300ms;
}

.no-boxshadow .caselist .con {
	border: 1px solid #CCCCCC;
}

.caselist h3 {
	margin: 0px 5%;
	font-size: 16px;
	height: 29px;
	overflow: hidden;
}
.caselist {
	padding: 40px 0px;
}

.caselist dd {
	float: left;
	display: block;
	width: 32%;
	margin: 0px 0px 40px 1%;
}

.caselist .img {
	overflow: hidden;
	margin-bottom: 20px;
}

.caselist .img img {
	width: 100%;
	display: block;
	transition: 600ms;
	-webkit-transition: 600ms;
}

.caselist .con {
	overflow: hidden;
	position: relative;
	padding-bottom: 20px;
	box-shadow: 0 0px 3px rgba(0, 0, 0, 0.25);
	transition: 300ms;
	-webkit-transition: 300ms;
}

.no-boxshadow .caselist .con {
	border: 1px solid #CCCCCC;
}

.caselist h3 {
	margin: 0px 5%;
	font-size: 16px;
	height: 29px;
	overflow: hidden;
}
.mtop {
    height: 91px;
}
.mtop2 {
    height: 141px;
}
.navTwo {
    height: 50px;
    position: absolute;
    left: 0;
    right: 0;
    top: 91px;
    background: #006db3;
    display: none;
}
.subnav {
    display: none;
    overflow: hidden;
    transform: translateX(30px);
    -webkit-transform: translateX(30px);
    transition: 300ms;
    -webkit-transition: 300ms;
    opacity: 0;
}
.subnav.show {
    transform: translate(0);
    -webkit-transform: translate(0);
    opacity: 1;
}
.subnav a {
    display: block;
    line-height: 50px;
    float: left;
    color: #fff;
    padding: 0 15px;
    margin: 0 10px;
    position: relative;
    font-size: 15px;
    font-weight: bold;
}
.subnav .line {
    display: block;
    width: 0;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: 300ms;
    -webkit-transition: 300ms;
}
.subnav a:hover, .subnav a.act {
    color: #fff;
}
.subnav a.act {
    background: url(../images/aw3.png) no-repeat right center;
}
.subnav a:hover .line, .subnav a.act .line {
    width: 100%;
}
.subnav2 {
    padding-left: 15%;
}
.subnav3 {
    padding-left: 22%;
}
.subnav4 {
    padding-left: 26%;
}
.subnav5 {
    padding-left: 40%;
}
.subnav6 {
    padding-left: 47%;
}
.subnav7 {
    padding-left: 55%;
}
.subnav8 {
    padding-left: 58%;
}
.subnav9 {
    padding-left: 65%;
}



#banner ul{position: relative;}
#banner ul li{position: absolute;width: 100%;height: 546px;top: 0;left: 0;display: none;}
#banner ul li img{width: 100%;height: 100%;}
#banner .circle{position: absolute;width: 100%;height: 16px;bottom:35%;left: 0;text-align: center;z-index: 11;}
#banner .circle span{display: inline-block;vertical-align: top;width: 14px;height: 14px;border: 1px solid #fff;border-radius: 100%;margin: 0 8px;cursor: pointer;}
#banner .circle span.active{border-color: #008dcb;background: #008dcb;}
.sbanner {
    background: url("../images/sbanner.jpg") no-repeat center top;
    width: 100%;
    height: 250px;
    min-width: 1200px
}
.m30 {
    margin: 30px auto
}
.title {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #000000;
    margin: 60px auto;
}
.about {
    background-image: url(../images/about-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 95px 15px;
    text-align: center;
    color: #fff;
    min-width: 1200px;
}
.about h3 {
    font-size: 32px;
    margin-bottom: 30px;
    font-weight: bold;
}
.about span {
    display: block;
    font-size: 24px;
    margin-bottom: 30px;
}
.about a {
    display: inline-block;
    padding: 0 54px;
    line-height: 52px;
    font-size: 18px;
    background-color: #009DD9;
    color: #fff;
}
.pa_aa{background-color: #f5f5f5;height: 650px; width: 100%;min-width: 1200px;}
/*footer*/
.footer{ background:#006db3; font-size:14px; color:#d0e0ef; position:relative;margin-top: 30px }
.fctas{ float:left;  }
.fctas a{ display:block; color:#d0e0ef; cursor:default; line-height:30px; position:relative; padding:3px 0; padding-left:25px;  }
.fctas a:hover{ color:#fff; }
.fctas .ico{ width:20px; height:20px; position:absolute; top:8px; left:0; background:url(../images/cta.png) no-repeat; }
.fctas .phone .ico{ background-position:-20px top; }
.fctas .fax .ico{ background-position:-40px top; }
.fctas .email .ico{ background-position:-60px top; }
.fctas .addr:hover .ico{ background-position:0 bottom; }
.fctas .phone:hover .ico{ background-position:-20px bottom; }
.fctas .fax:hover .ico{ background-position:-40px bottom; }
.fctas .email:hover .ico{ background-position:-60px bottom; }
.fnav{ float:left; }
.bpw{ width:1200px; margin:0 auto; }
.fnav{ float:left; margin-left:2%; }
.fnav1{ margin-left:2%; }
.fnav a{ display:block; color:#d0e0ef; line-height:30px; }
.fnav a:hover{ color:#fff; transform:translateX(8px); -webkit-transform:translateX(8px); }
.footer .top{ padding:18px 0 10px 0; }
.footer .btm{ background:#005287; line-height:20px; padding:7px 0; }
.footer .btm a{ color:#d6d6d6; margin-left:15px; }
.footer .btm a:hover{ color:#878787; }
.tools{ position:absolute; right:0; top:0; bottom:0; }
.tools a{ width:230px; float:left; display:block; height:100%; position:relative; transition:400ms; -webkit-transition:400ms; }
.tools .weixin{ background:#78aee0; }
.backtop{ background:#005287; }
.tools .weixin .ico{ height:180px; background-position: center bottom; background-image:url(../images/weixin.jpg); }
.tools .weixin .txx{ text-align:center; color:#f6f6f6; margin-top:20px; }
.backtop .txx{ margin-top:120px; text-align:center; color:#f6f6f6; }
.backtop .line{ width:36px; height:3px; display:block; background:#f6f6f6; position:absolute; left:50%; margin-left:-18px; top:37px; transition:400ms; -webkit-transition:400ms; }
.backtop .aw{ position:absolute; left:0; height:20px; background-image:url(../images/top.png); top:72px; }
.tools a:hover{ background:#006db3; }
.backtop:hover .line{ top: 89px; }
.backtop2{ width:44px; height:44px; display:block; position:fixed; bottom:15px; right:15px; background:#006db3 url(../images/top2.png) no-repeat center center; display:none; z-index:1008; }
/*footer end*/

.indexproductlist {
    padding-bottom: 50px;
    clear: both;
    padding-top: 0px;
}
.indexproductlist * {
    display: block;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
.indexproductlist li {
    width: 350px;
    border: #f5f5f5 1px solid;
    background-color: #ffffff;
    padding: 10px;
    float: left;
    margin-right: 23px;
    margin-bottom: 33px;
}
.indexproductlist li:nth-child(3n+3) {
    width: 350px;
    border: #f5f5f5 1px solid;
    padding: 10px;
    float: left;
    margin-bottom: 33px;
    margin-right: 0;
}
.indexproductlist li a.hpimg {
}
.indexproductlist li a img {
    width: 350px;
    height:230px
}
.indexproductlist li a h3 {
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0px 10px 0px;
    color: #333333;
    text-transform: uppercase;
}
.indexproductlist li a:hover h3 {
    color: #12298c;
}
.indexproductlist li i {
    background: #39b54a;
    height: 1px;
    width: 30px;
}
.indexproductlist li span {
    padding: 10px 0px 10px 0px;
}
.indexproductlist li span h2 {
    padding: 0px 0px 20px 0px;
    font-size: 16px;
    width: 100%;
}
.indexproductlist li span h4 {
    padding: 0px 0px 10px 0px;
}
.indexproductlist li span a {
    border: #e5e5e5 1px solid;
    width: 21%;
    font-size: 16px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding: 5px 8px;
    border-radius: 6px;
    margin-bottom: 5px;
    margin-right: 10px;
    float: left;
}
.indexproductlist li span a:hover {
    color: #fff;
    background: #39b54a;
}
.indexproductlist li a.more {
    padding: 5px 0px;
    font-size: 16px;
    font-family: DINCond
}
.indexproductlist li a.more:hover {
    color: #39b54a;
}
.indexproductlist li:hover {/*box-shadow:0px 1px 20px 0px #ccc;*/
    border: #39b54a 1px solid;
    box-shadow: 0px 1px 20px 0px #ccc;
}
.pagePadding{ padding: 20px 0px;}
.pageT{ margin-bottom: 75px;}
.pageT .en{ color: #0C2254; font: 40px/1.2 "DINCond-Medium"; padding:40px 0 6px;}
.pageT .en>span{ padding:0 5px;}
.pageT .red{ color: #E0260F; padding-left: 8px;}
.pageT .zh{ font-size: 24px; color: #333;font-weight: bold}
.page-nav a:link, .page-nav a:visited { color: #fff;}
.page-nav a:active, .page-nav a:hover { color: #fff;}
.page-nav{ float: right; display: block; padding-top: 70px;}
.page-nav a{ float: left; display: block; width: 120px; height: 48px; line-height: 48px; margin-left: 16px; background-color: #0C2254; text-align: center;}
.page-nav a:hover,.page-nav a.active{ background-color: #E0260F;}


.news-tit h3{ padding-bottom:5px; margin-bottom:5px;font-size:24px; font-weight:bold; color:#0a4088; text-align:center;}
.news-tit p{ text-align:center;color:#666666; padding-bottom:10px; border-bottom:3px solid #cccccc; }
.news-con{ margin-top:20px;}
.fenxiang{width:100%;height:25px; }
.fenye{width:100%; height:30px; padding:0px 0px 0px 0px;}

.previous{ width:100%; margin: 0 auto;margin-top: 60px; padding-top:22px; border-top:1px solid #aaaaaa; position:relative; margin-bottom: 80px}
.previous .previ{ display:block; width:143px; height:36px; text-align:center; line-height:36px; color:#666666; font-size:14px; border:1px solid #b5b5b5;}
.previous .previ i{ display:inline-block; position:relative; top:1px; width:10px; height:11px; transition:0.28s;}
.previous .prev{ float:left;}
.previous .prev i{ background:url(../images/arrow5.png) center no-repeat; margin-right:16px;}
.previous .next{ float:right;}
.previous .next i{ background:url(../images/arrow6.png) center no-repeat; margin-left:16px;}
.backlist{ display:block; width:145px; height:38px; text-align:center; line-height:38px; color:#fff; background-color:#ff8808; position:absolute; left:50%; margin-left:-72px; top:22px;}
.backlist:hover{ background-color:#183883}
.previous .previ:hover{ background-color:#ff8808; border-color:#ff8808; color:#fff;}
.previous .prev:hover i{ background:url(../images/arrow3.png) center no-repeat; margin-right:18px;}
.previous .next:hover i{ background:url(../images/arrow4.png) center no-repeat; margin-left:18px;}

.ixTitle2 .en{ display:none; color:#000; font-size:12px; line-height:1.1; text-transform:uppercase;  }
.ixTitle2 .ch{ color:#000; font-size:20px; line-height:1.4; /*margin-top:2px;*/ font-weight:bold; }
.ixTitle2{ border-top:2px solid #9e9e9e; padding-top:20px; position:relative; }
.ixmore{ position:absolute; top:28px; right:0; color:#9e9e9e; font-size:12px; text-transform:capitalize; line-height:1.1; }
.ixmore:hover{ color:#006db3; padding-right:10px; }
.ixnews a{ display:block; color:#8c8c8c; font-size:12px; padding:20px 0 20px 0; border-top:1px solid #f5f5f5; }
.ixnews a:first-child{ border-top:0; }
.ixnews .txts{ padding-left:145px; padding-right:80px; }
.ixnews .date{ position:absolute; top:0; left:0; width:89px; line-height:26px; border-right:1px solid #d8d8d8; font-family:'DINCond-Medium'; transition:300ms; -webkit-transition:300ms; }
.ixnews .txts .nowti{ line-height:26px; font-size:15px;color:#000; transition:300ms; -webkit-transition:300ms; }
.ixnews .txts .tx{ height:50px; margin-top:15px; display:none; }
.ixnews .c{ position:relative; }
.ixnews .datesb{ position:absolute; width:89px; border-right:1px solid #d8d8d8; font-family:'DINCond-Medium'; line-height:1.1; transform:translateY(30px); -webkit-transform:translateY(30px); opacity:0; display:none\9; transition:300ms; -webkit-transition:300ms; }
.ixnews .datesb .dt1{ font-size:24px;}
.ixnews a.act .txts .nowti{ color:#006db3; font-size:20px; }
.ixnews a.act .date{ transform:translateY(30px); -webkit-transform:translateY(30px); opacity:0; display:none\9; }
.ixnews a.act .datesb{ transform:translateY(0); -webkit-transform:translateY(0); height:80px; opacity:1; display:block\9; }
.ixnews{ margin-top:25px; }

.pproductlist { padding-bottom:50px; clear:both;  }
.pproductlist * { display:block; overflow:hidden; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.pproductlist li{ width:400px;border:#e5e5e5 1px solid;padding:10px;float:left;margin-right:30px;margin-bottom:33px; }
.pproductlist li:nth-child(2n+2){width:400px;border:#e5e5e5 1px solid;padding:10px;float:left;margin-bottom:33px;margin-right:0;}
.pproductlist li a.hpimg{}
.pproductlist li a img{ width:400px; height:139px;}
.pproductlist li a h1{ font-size:16px; font-weight:bold;padding:20px 0px 10px 0px ;text-transform:uppercase; }
.pproductlist li a:hover h1{color:#ff6400;}
.pproductlist li i { background:#CCC; height:1px; width:30px;}
.pproductlist li span {padding:20px 0px 10px 0px; }
.pproductlist li span h2{ padding:0px 0px 20px 0px ; font-size:12px; width:100%;}
.pproductlist li span h4{padding:0px 0px 10px 0px;}
.pproductlist li span a{ border:#e5e5e5 1px solid; width:90%;  font-size:14px;height:20px; line-height:20px;overflow:hidden; padding:5px 10px;border-radius:6px; margin-bottom:8px;margin-right:10px; float:left;}
.pproductlist li span a:hover {color:#fff; background:#ff6400;}
.pproductlist li a.more{padding:20px 0px;}
.pproductlist li a.more:hover {color:#ff6400;}
.pproductlist li:hover {/*box-shadow:0px 1px 20px 0px #ccc;*/border:#ff6400 1px solid; box-shadow:0px 1px 20px 0px #ccc;}





.pproductlistx { padding-bottom:50px; clear:both;  }
.pproductlistx * { display:block; overflow:hidden; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.pproductlistx li{ width:350px;border:#e5e5e5 1px solid;padding:10px;float:left;margin-right:30px;margin-bottom:33px; }
.pproductlistx li:nth-child(3n+3){width:350px;border:#e5e5e5 1px solid;padding:10px;float:left;margin-bottom:33px;margin-right:0;}
.pproductlistx li a.hpimg{}
.pproductlistx li a img{ width:350px; height:139px;}
.pproductlistx li a h1{ font-size:16px; font-weight:bold;padding:20px 0px 10px 0px ;text-transform:uppercase; }
.pproductlistx li a:hover h1{color:#ff6400;}
.pproductlistx li i { background:#CCC; height:1px; width:30px;}
.pproductlistx li span {padding:20px 0px 10px 0px; }
.pproductlistx li span h2{ padding:0px 0px 20px 0px ; font-size:12px; width:100%;}
.pproductlistx li span h4{padding:0px 0px 10px 0px;}
.pproductlistx li span a{ border:#e5e5e5 1px solid; width:90%;  font-size:14px;height:20px; line-height:20px;overflow:hidden; padding:5px 10px;border-radius:6px; margin-bottom:8px;margin-right:10px; float:left;}
.pproductlistx li span a:hover {color:#fff; background:#ff6400;}
.pproductlistx li a.more{padding:20px 0px;}
.pproductlistx li a.more:hover {color:#ff6400;}
.pproductlistx li:hover {/*box-shadow:0px 1px 20px 0px #ccc;*/border:#ff6400 1px solid; box-shadow:0px 1px 20px 0px #ccc;}



.ta a{ border:#e5e5e5 1px solid; width:45%;font-weight: 200px;font-size:16px;height:40px; line-height:40px;overflow:hidden; padding:5px 10px;border-radius:6px; margin-bottom:8px;margin-right:10px; float:left;}
.ta a:hover {color:#fff; background:#ff6400;}

.banner .bx-wrapper .bx-pager{ width:1280px; left:50%; margin-left:-640px; text-align:right; bottom:25px; }
.banner .bx-wrapper .bx-pager.bx-default-pager a{ border:1px solid #006db3; background:#fff; margin:0 7px; border-radius:100%; }
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .banner .bx-wrapper .bx-pager.bx-default-pager a.active{ background:#006db3; }
.ba-controls{ overflow:hidden; position:absolute; bottom:0; }
.ba-controls .baa{ display:block; width:24px; height:24px; background:#fff; float:left; border-radius:100%; border:1px solid #006db3; margin:0 4px; position:relative; cursor:pointer; }
.ba-controlsb{ position:absolute; width:1280px; left:50%; margin-left:-640px; bottom:18px; ; z-index:99; }
.ba-prev .ico{ background-image:url(../images/aw4.png); }
.ba-next .ico{ background-image:url(../images/aw5.png); }
.ba-stop .ico{ background-image:url(../images/aw6.png); }
.ba-controls .baa:hover{ background:#006db3; }
.ba-controls .ba-prev:hover .ico{ background-image:url(../images/aw44.png); } 
.ba-controls .ba-next:hover .ico{ background-image:url(../images/aw55.png); }
.ba-controls .ba-stop:hover .ico{ background-image:url(../images/aw66.png); } 
.ba-controls .ba-stop.act .ico{ background-image:url(../images/aw7.png); }
.ba-controls .ba-stop.act:hover .ico{ background-image:url(../images/aw77.png); }
.banner .bx-prev,.banner .bx-next{ display:block; width:100%; height:100%; font-size:0; position:absolute; top:0; left:0; }
.bannerTxts{ position:absolute; width:1280px; left:50%; margin-left:-640px; z-index:99; top:30%; color:#fff; }
.bannerTxts .ch{ display:inline-block; *display:inline; *zoom:1; border-bottom:1px solid #fff; line-height:45px; font-size:40px; max-height:90px; overflow:hidden; padding-bottom:10px; text-shadow:0 0 2px rgba(0,0,0,.2); }
.bannerTxts .en1{ text-transform:uppercase; font-family:Arial; font-size:18px; line-height:1.1; margin-top:22px; text-shadow:0 0 2px rgba(0,0,0,.2); white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.bannerTxts .en2{ text-transform:capitalize; font-family:Arial; font-size:18px; line-height:1.1; margin-top:2px; text-shadow:0 0 2px rgba(0,0,0,.2);  white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.bamore{ display:block; color:#fff; text-align:center; width:163px; height:30px; line-height:30px; border:1px solid #006db3; background:#006db3; text-transform:uppercase; font-size:12px; }
.bamore:hover{ background:none; color:#006db3; }
.banner .bamore{ margin-top:33px; }



/*右侧浮动相关*/
.plug_service {
    position: fixed;
    right: 1%;
    bottom: 35%;
    z-index: 999;
}

.plug_service li {
    margin-bottom: 5px;
    position: relative;
    height: 47px;
    width: 47px;
    background-color: #00aaff;
}

.plug_service li a {
    display: block;
    text-align: center;

    
    padding: 8px ;
 
  
    outline: none;
}

.plug_service li a span {
    display: block;
    font-size: 24px;
    color: #888;
}

.plug_service li a:hover {
   
    color: #fff;
 
}

.plug_service li a:hover span {
    color: #fff;
}

.plug_service .hover a {
    display: block;
    text-align: center;
    background: #2384D5;
    border: 1px solid #2384D5;
    padding: 2px 8px 6px 8px;
    font-size: 12px;
    font-family: microsoft yahei;
    color: #fff;
    outline: none;
}

.plug_service .hover a span {
    color: #fff;
}

.plug_service .hotline {
    position: absolute;
    display: none;
    background: #fff;
    padding: 10px 15px 0 15px;
    left: -230px;
    bottom: 0;
    border: 1px solid #ddd;
    width: 180px;
    height: 58px;
    
    font-size: 14px;
    color: #999;
    line-height: 52px;
    border-radius: 4px;
}

.plug_service .hotline b {
    display: block;
    font-size: 16px;
    color: #333;
}

.plug_service .hotline:after {
    content: " ";
    position: absolute;
    right: -10px;
    top: 25px;
    width: 20px;
    height: 20px;
    border: #ddd solid 1px;
    border-left: 0;
    border-bottom: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fff;
}

.plug_service .weixin_pic {
    position: absolute;
    display: none;
    background: #fff;
    padding: 5px;
    left: -240px;
    bottom: -70px;
    width: 210px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.plug_service .weixin_pic p {
    text-align: center;
    margin: 0 0 10px 0;
    padding: 0;
}

.plug_service .weixin_pic p span {
    color: #f30;
}

.plug_service .weixin_pic:after {
    content: " ";
    position: absolute;
    right: -10px;
    top: 130px;
    width: 20px;
    height: 20px;
    border: #ddd solid 1px;
    border-left: 0;
    border-bottom: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fff;
}

.plug_service li:hover div {
    display: block;
}

.plug_service li:last-child {
    margin-top: 0;
}
.am-icon-phone:before{content:"\f095"}.am-icon-square-o:before{content:"\f096"}.am-icon-bookmark-o:before{content:"\f097"}.am-icon-phone-square:before{content:"\f098"}

.left_right{ width:900px; float:right; }
.left_pro{ width:270px; float:left;    }
.pro_title{ color:#000000; font-size:20px; font-weight:bold; line-height:40px;}
.casenav a{ display:block; text-align:center; color:#000; font-size:16px; font-weight: bold; line-height:20px; padding:12px 0; }
.casenav{ margin-top:30px; }
.casenav a:hover,.casenav a.act{ color:#006db3; font-size:20px; }

.caseR{ width:242px; background:#f1f1f1; padding-bottom:35px; float:left; }
.caseR .name{ text-align:center; background:url(../images/case.png) no-repeat center bottom; font-size:24px; line-height:30px; color:#000; padding:25px 0 30px 0; }

.pname{font-size:24px; line-height:30px; color:#000; padding:25px 0 30px 0; }

.history-list dd { position: relative; padding: 30px 50px 45px 180px; border-bottom: 1px solid #f5f5f5; }
.history-list .year { display: block; position: absolute; left: 0; top: 0; height: 100%; background-color: #f7f7f7; width: 130px; font-size: 16px; color: #767676; text-align: right; transition: 300ms; -webkit-transition: 300ms; }
.history-list .year .txt { padding: 30px 25px; }
.history-list .twoItem .year { background-color: #e9e9e9; }
.history-list .imgList li { float: left; display: block; width: 31.33%; margin-right: 2%; margin-top: 15px; font-size: 16px; }
.history-list .imgList img { width: 100%; display: block; }
.history-list dd:hover .year, .history-list dd:hover .twoItem .year { background-color: #1b58ab; }
.history-list dd:hover .pageC { color: #1b58ab; }
.history-list dd:hover .year { color: #fff; }


.about-pdl { background-color: #1b58ab; color: #fff; margin-bottom: 50px; }
.about-pdl .img, .about-pdl .con { float: left; display: block; width: 50%; }
.about-pdl .img img { vertical-align: middle; }
.about-pdl .item { padding: 40px 68px; }
.about-pdl .t { font-weight: bold; font-size: 30px; line-height: 1.4; padding: 14px 0px; margin-bottom: 35px; position: relative; }
.about-pdl .bot { width: 28px; height: 5px; background-color: #fff; display: block; margin-bottom: 30px; }
.about-pdl .name { font-weight: bold; font-size: 24px; line-height: 1.2; }
.about-pdl .c { font-size: 16px; line-height: 1.5; font-style: italic; }
.about-pdl .fh { font-size: 48px; line-height: 0.4; font-family: arial, helvetica, sans-serif; position: absolute; }
.about-pdl .fh1 { top: 0; left: -28px; }
.about-pdl .fh2 { bottom: 0; right: -28px; }
.limg { width: 50%; float: left; display: block; }


.hrList { font-size: 14px; padding: 10px 0px 40px; color: #969696; }
.hrList .hspan { text-align: center; cursor: pointer; width: 12%; display: block; float: left; height: 60px; line-height: 60px; }
.hrList .hspan1 { text-align: left; padding-left: 6%; }
.hrList .hrdt { border-top: 5px solid #838383; }
.hrList dd { margin-bottom: 3px; position: relative; }
.hrList .hrdt { height: 60px; overflow: hidden; }
.hrList .hrT { background-color: #838383; }
.hrList .hrT .hspan { line-height: 46px; height: 46px; transition: 400ms; -ms-transition: 400ms; -webkit-transition: 400ms; -moz-transition: 400ms; color: #fff; }
.hrList .ib { width: 19px; height: 19px; margin: 15px auto 0px; display: block; position: relative; transition: 400ms; -webkit-transition: 400ms; -moz-transition: 400ms; -ms-transition: 400ms; }
.hrList .ib i { display: block; background-color: #fff; }
.hrList .ib .ic1 { width: 3px; height: 19px; margin-left: 8px; }
.hrList .ib .ic2 { width: 19px; height: 3px; position: absolute; left: 0; top: 50%; margin-top: -1px; }
.hrList .hrB { border: 1px solid #00458e; display: none; }
.hrList .hrCon { width: 91%; margin: 0px auto; padding: 30px 0px 22px; overflow: hidden; }
.hrList .hrCon .pageC { color: #969696; }
.hline { border-top: 1px solid #eeeeee; padding: 32px 0px; margin-top: 35px; }
.hline a:link, .hline a:visited { color: #c52720; text-decoration: underline; }
.hline a:active, .hline a:hover { color: #00458e; }
.hrList .active .ib { transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); }
.hrList .active .ib .ic2 { display: none; }
.hrList dd.active .hrT, .hrList dd:hover .hrT { background-color: #00458e; }


.job-strategy-list { margin: 0px 4%; }
.job-strategy-list li { float: left; display: block; width: 26.33%; margin: 0px 0.5% 10px; background-color: #fff; padding: 28px 3% 0px; height: 204px; color: #8b8b8b; font-size: 14px; text-align: center; transition: 300ms; -webkit-transition: 300ms; }
.job-strategy-list .jico { display: block; width: 86px; height: 86px; margin: 0px auto 10px; position: relative; overflow: hidden; }
.job-strategy-list .jico i { background-size: cover; background-position: center center; background-repeat: no-repeat; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.job-strategy-list .jico .i1 { display: block; }
.job-strategy-list .jico .i2 { display: none; }
.job-strategy-list li:hover { background-color: #00458e; color: #fff; }
.job-strategy-list li:hover .jico { -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }
.joinpageT { text-align: center; margin-bottom: 60px; }
.joinpageT .t { color: #393939; font-size: 26px; line-height: 1.2; }
.joinpageT .c { font-size: 16px; line-height: 1.5; color: #8b8b8b; width: 80%; margin: 20px auto 0px; }
.joinpageT .bot { width: 60px; height: 1px; background-color: #0e0e0e; display: block; margin: 20px auto 0px; overflow: hidden; }

.fixedImg { background-position: center center; background-repeat: no-repeat; background-size: cover; }
.messageBox { background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.5); padding: 80px 0px; color: #fff; }
.messageBox a:link, .messageBox a:visited { color: #fff; }
.messageBox a:active, .messageBox a:hover { color: #fff; }
.meaasgeDemo { padding-left: 240px; width: 940px; margin: 0px auto; position: relative; }
.meaasgeDemo .pageTa { position: absolute; left: 0; top: 0; }
.pageTa .ena { font-size: 24px; line-height: 1.5;color: #ffffff }
.pageTA .zha { font-size: 20px;color: #ffffff; }
.formbox dd { padding-bottom: 20px; }
.ctxt { color: #fff; padding: 11px 2%; height: 20px; line-height: 20px; width: 95.5%; font-size: 12px; font-family: "microsoft yahei"; border: 2px solid #fff; background-color: transparent; -webkit-transition: border 0.3s; -moz-transition: border 0.3s; -o-transition: border 0.3s; transition: border 0.3s; }
.ctxt1 { width: 45%; }
.ctxt2 { width: 45%; float: right; display: block; }
.ctxt3 { height: 196px; resize: none; }
.moreMess { padding: 12px 3%; height: 32px; line-height: 32px; width: 94%; font-size: 12px; color: #fff; font-family: "microsoft yahei"; background-color: #1b58ab; display: block; position: relative; z-index: 1; }
.moreMess .ico { background: url(../images/mess_r.png) no-repeat scroll left center; height: 100%; position: absolute; top: 0; width: 12px; right: 2%; }
.moreMess:before { content: ""; width: 100%; height: 100%; background-color: #212121; position: absolute; left: 0; z-index: -1; bottom: 0px; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .5s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .5s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9; }
.formbox textarea { outline: none; }
.formbox input[type="text"]:focus, .formbox textarea:focus { background-color: #444444; }

.formbox ::-webkit-input-placeholder { color:#fff;}
.formbox :-moz-placeholder { color:#fff;}
.formbox ::-moz-placeholder { 　color:#fff;}
.formbox :-ms-input-placeholder {color:#fff;}


.honor-list li { float: left; display: block; width: 31.33%; margin: 0px 1% 40px; overflow: hidden; text-align: center; }
.honor-list .filler2 { background-color: #1b58ab; z-index: 5; }
.honor-list .filler2-left { width: 3px; height: 0%; left: 0%; top: 0%; }
.honor-list .filler2-right { width: 3px; height: 0%; right: 0%; bottom: 0%; }
.honor-list .filler2-top { width: 0%; height: 3px; left: 0%; top: 0%; }
.honor-list .filler2-bottom { width: 0%; height: 3px; right: 0%; bottom: 0%; }
.honorI { padding: 3px; background-color: #f1f1f1; transition: 300ms; position: relative; margin-bottom: 8px; }
.honorI a { display: block; position: relative; overflow: hidden; }
.honorI img { width: 100%; display: block; }
.honor-list .txt { height: 45px; overflow: hidden; color: #797979; font-size: 16px; line-height: 1.4; }
.honorI .blue-60 { -webkit-transition: -webkit-transform .62s cubic-bezier(.4,0,.2,1),opacity 0.5s; transition: transform .62s cubic-bezier(.4,0,.2,1),opacity 0.5s; transform-origin: left 100%; -webkit-transform-origin: left 100%; transform: scaleY(0); -moz-transform: scaleY(0); -webkit-transform: scaleY(0); visibility: hidden\9; }
.honorI .ico { background: url(../images/fd_ico.png) no-repeat; width: 29px; height: 29px; position: absolute; left: 50%; top: 50%; margin: 0px 0px 0px -15px; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }