@charset "utf-8";

/* CSS Document */



body,p,ul,li{

	padding:0px;

	margin:0px;

	font-family:"微软雅黑";

	}

a,a:hover{

	text-decoration:none;

	}

.left{ float:left;}  

.right{ float:right;} 

img, object {max-width: 100%;}

img {margin:0;padding:0;resize:none;border:none;outline:none}  

li,dt,dd,dl{

	list-style:none;

	}

.wrap{

	width:100%;

	}

.inner {

	margin:0 auto;

}

.w1200 {

    width: 1200px;

}



.top{

	background:#006ebd;

	line-height:37px;

	font-size:0.75rem;

	font-size:12px;

	}

.top p{

	color:#bce1fb;

	}

.lang{

	color:#bce1fb;

	background:url(../images/icon1.jpg) no-repeat left top;

	padding-left:28px;

	margin-left:32px;

	}

.logo{

	width:30%;

	}

.r_710{

	width:728px;

	}

.nav-wrapper-fixed{ position:fixed; top:0; width:100%; background:#fff; z-index:9999}

.nav-wrapper-fixed .nav{width:100%; margin:0 auto;}

.nav-wrapper{ margin-top:0px; width:100%;}

.nav-wrapper .nav{width:100%; margin:0 auto;}

.menu,.menu ul {

    width:100%;

}

.menu .nli,.menu .nlib{

    float: left;

	padding:0% 2.4%;

    position: relative;

    z-index: 999;

	padding-top:20px;

	padding-bottom:21px;

}

.menu .nli .a {

    float: left;

    line-height: 46px;

    color: #696868;

    font-size: 14px;

	font-size:0.875rem;

    text-align: center;

    position: relative;

    z-index: 2;

    -webkit-transition: color 200ms;

    transition: color 200ms;

    overflow: hidden;

}

.menu .sub {

    position: absolute;

    z-index: 1;

    left: 6px;

    top: 92px;

    width: 320px;

    background: #fff;

    padding: 15px 0 9px 20px;

    display: none;

}

.menu .sub li{ float:left; width:80px; height:40px; line-height:40px; color:#838181; font-size:14px; font-size:0.875rem;}

.menu .sub li a{ color:#838181;}

.menu .sub dl{

	width:200px;

	float:left;

	padding-right:20px;

	padding-left:10px;

	margin-top:10px;

	border-left:1px solid #e2e2e0;

	}

.menu .sub dl dt{

	width:200px;

	float:left;

	text-align:center;

	line-height:45px;

	color:#838181;

	}

.menu .sub li a{ color:#666;}

.menu .sub li a:hover{ color:#5d2b1b}

.menu .nli.on .a .bkg,

.menu .nli .a:hover .bkg {top:0;}

.menu .nli.on .a span{-webkit-transition: top 200ms;transition: top 200ms; color:#fff;}

.menu .nli.on{ background:url(../images/on.jpg) no-repeat center top; padding-top:20px; padding-bottom:22px; color:#fff;}





/* slide */

.slide-main{position:relative;}

.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:367px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}

.prev{left:70px;}

.next{right:70px;}

.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}

.itema{display:block;width:100%;height:5px;position:absolute;z-index:124;top:680px;left:0;text-align:center;}

.itema a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#333;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;}

.itema a.cur{background:#fff;}

.slide-box,.slide{display:block;width:100%;height:614px;overflow:hidden;}

.slide-box{position:relative;}

.slide{display:none;height:614px;background:#ff6900;position:relative;position:absolute;z-index:8;}

#bgstylea{background:url(../images/banner2.jpg);    background-position: center;}

#bgstyleb{background:url(../images/bg3.png);}

.obj-b img,.obj-a img{ width:auto; height:auto;}

#bgstylec{background:url(../images/banner1.jpg) no-repeat center top;}

.slide a{display:block;width:100%;height:490px;cursor:pointer;}

.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%;}

.obj-a,.obj-b{width:952px;margin-left:-476px;text-align:center;}

.obj-a{display:block;height:352px;top:150px;}

.obj-b{top:406px;height:100px;}

.obj-c{display:block;height:513px; width:537px;bottom:0;margin-left:-540px;}

.obj-d{width:465px;height:144px; top:117px; right:0px;}

.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}

.obj-e{width:370px;height:154px;margin-left:-520px;top:223px;z-index:12; }

.obj-f{width:489px;height:154px;top:208px;margin-left:-80px;}

.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}

@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }

@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }

@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }

.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}

@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }

@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }

@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }

.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}

@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }

@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }

@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }

.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}

@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }

@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }

@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }

.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}

@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }

@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }

@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }

/* slide end*/



.ssbg{

	background:#eeeeee;

	height:75px;

	}

.tel{

	background:url(../images/tel.jpg) no-repeat right center;

	webkit-animation-duration: 3s;

    animation-duration: 3s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

	}

.ss{

	float:left;

	width:295px;

	height:30px;

	background:url(../images/1.png) no-repeat left top;

	margin-top:22px;

	margin-right:15px;

	}

.ssk{

	width:255px;

	height:30px;

	float:left;

	background:none;

	border:none;

	color:#999;

	padding-left:10px;

	}

.bnt{

	width:28px;



	background:none;

	border:none;

	height:30px;

	cursor:pointer;

	}

.tel p{

	font-size:12px;

	font-size:0.75rem;

	line-height:70px;

	}

.tel p a{

	color:#494949;

	padding:0px 10px;

	} 

.about h1,.ry h1{

	text-align:center;

	font-size:18px;

	margin-top:72px;

	color:#333333;

	font-weight:normal;

	}

.about p{

	width:90%;

	margin:0 auto;

	text-align:center;

	font-size:14px;

	color:#494949;

	line-height:36px;

	padding-top:24px;

	margin-bottom:30px;

	}

.disn{

	display:none;

	}

.disb{

	display:block;

	}

.line{

	width:100%;

	background:url(../images/2.png) no-repeat center top;

	height:6px;

	margin-top:25px;

	}

.aboutc{

	width:90%;

	margin:0 auto;

	padding-top:37px;

	}

.aboutc li{

	width:25%;

	float:left;

	text-align:center;

	background:url(../images/3.png) no-repeat center top;

	}

.aboutc li i{

    font-size:32px;

	color:#aeadad;

	padding:45px 0px;

	}

.fontawesome-icon-list .fa-hover a .fa{

	display:inline-block

	}

.aboutc li:hover{

	width:25%;

	float:left;

	text-align:center;

	background:url(../images/4.png) no-repeat center top;

	cursor:pointer;

	}

.aboutc li:hover i{

    font-size:32px;

	color:#fff;

	padding:45px 0px;

	}

.aboutb{

	webkit-animation-duration: 3s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

	}

.aboutc li:hover{

	transition: all 0.4s ease-out;

    transform: translateY(-20px);

	}

.aboutc li p{

	width:100%;

	line-height:20px;

	float:left;

	margin:0px;

	padding:0px;

	color:#a8a8a8;

	}

.aboutc li:hover p{

	color:#0076ca;

	}

.aboutc li p b{

	display:block;}

.ry{

	background:url(../images/5.jpg) no-repeat center top;

	height:369px;

	margin-top:73px;

	}

.ry ul{

	width:90%;

	margin:0 auto;

	padding-top:30px;

	}

.ry ul li{

	width:16.6%;

	float:left;

	background:url(../images/6.png) no-repeat center;

	height:144px;

	text-align:center;

	}

.ry ul li span{

	width:24px;

	height:24px;

	border-radius:12px;

	background:#a8a8a8;

	display:block;

	margin:0 auto;

	color:#FFF;

	margin-top:8px;

	}

.ry ul li p{

	font-size:12px;

	color:#a8a8a8;

	}

.ry ul li:hover{

	cursor:pointer;

	}

.ry ul li:hover span{

	background:#0076ca;

	}

.ry ul li:hover p,.ry ul li:hover b{

	color:#0076ca;

	}

.ry2_animate{

	webkit-animation-duration: 4s;

    animation-duration: 2s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

	}

.ry3_animate{

	webkit-animation-duration: 5s;

    animation-duration: 3s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

	}

.ry4_animate{

	webkit-animation-duration: 6s;

    animation-duration: 4s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

	}

.ry5_animate{

	webkit-animation-duration: 5s;

    animation-duration:5s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

	}

.ry6_animate{

	webkit-animation-duration: 6s;

    animation-duration: 6s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

	}

.cp h4{

	width:100%;

	text-align:center;

	margin-top:56px;

	}

.cp a img{

	width:618px;

	height:114px;

	}

.lxwm{

	background:url(../images/11.jpg);

	height:336px;

	margin-top:70px;

	}

.lxwm form{

	width:642px;

	padding-top:32px;

	color:#a19fa0;

	font-family:"微软雅黑";

	float:left;}

.lxwm h1{

	text-align:center;

	font-size:22px;

	color:#FFF;

	font-weight:normal;

	padding-top:15px;

	}

.ly1,.ly2,ly3{

	width:640px;

	height:90px;

	border-radius:8px;

	border:1px solid #757777;

	background:none;

	color:#a19fa0;

	font-size:14px;

	font-weight:bold;

	line-height:20px;

	

	}

.ly2{

	width:220px;

	height:38px;

	margin-top:40px;

	padding-left:10px;

	}

.ly3{

	width:124px;

	height:35px;

	background:url(../images/12.png) no-repeat center top;

	border:none;

	cursor:pointer;

	margin-left:15px;

	}

.ads{

	width:346px;

	margin-left:64px;

	float:left;

	margin-top:30px;

	color:#fff;

	font-family:"宋体";

	word-spacing:8px; letter-spacing: 1px;

	font-size:14px;

	font-weight:normal;

	}

.ads p{

	line-height:42px;

	}

.news{

	background:#f8f8f8;

	padding-bottom:70px;

	}

.news h1{

	width:100%;

	text-align:center;

	}

.news h1 img{

	width:auto;

	}

.news ul li{

	width:29%;

	float:left;

	margin:0px 2.16%;

	position:relative;

	left:0px;

		-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-ms-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

	transition: all 0.5s ease;

	}

.news ul li p{

	width:100%;

	height:60px;

	line-height:60px;

	color:#3e3e3e;

	font-size:14px;

	text-align:center;

	background:#fff;

	}

.news ul li:hover{

	color:#fff;

	cursor:pointer;

	}

.news ul li:hover p{

	background:#0d56b3;

	color:#fff;

	}

.newshover{

	display:none;

	position: absolute;

	left: 0px;

	top:0px;

	z-index: 10;

	background-color: #000;

	filter: alpha(opacity=60);

	width: 100%;

	height:100%;

	color: #fff;

	-moz-opacity: 0.6;

	-khtml-opacity: 0.6;

	opacity: 0.6;

	text-align: center;

}

.news ul li:hover .newshover{

	display:block;

	

	}

.newshover i{

	font-size:40px;

	line-height:200px;

	color:#fff;

	}

.foot{

	background:url(../images/15.jpg) no-repeat center top;

	height:223px;

	}

.foot p{

	text-align:center;

	font-size:12px;

	color:#fff;

	padding-top:87px;

	width:80%;

	float:right;



	}

.foot p a{

	padding:0px 15px;

	color:#FFF;

	}

.cd-fixed-bg {

 min-height: 100%;

 background-size: cover;

 background-attachment: fixed;

 background-repeat: no-repeat;

 background-position: center center;

}

.cd-fixed-bg.cd-bg-1 {

 background-image: url(../images/11.jpg);

}

.banner_small {

    height: 280px;

    position: relative;

    background-position: top center;

    background-size: auto 100%;

	float:left;

	width:100%;

}



.banner_small .bt {

    height: 80px;

    background: #333;

    color: #fff;

    width: 100%;

    position: absolute;

    bottom: 0;

    right: 50%;

    margin-right: 300px;

    border-right: 10px #f17700 solid;

}

.txt-r {

    text-align: right;

}

.banner_small .bt h1 {

    font-size: 28px;

    height: 50px;

    line-height: 50px;

    padding: 0 20px;

}

.banner_small .bt p {

    font-size: 16px;

    height: 20px;

    line-height: 20px;

    padding: 0 20px;

    font-family: "Times New Roman", Times, serif;

}

.submenu {

    background: #f3f3f3;

    z-index: 999;

    height: 60px;

    line-height: 60px;

    overflow: hidden;

}

.mar0 {

    margin: 0 auto;

}

.submenu .position {

    width: 300px;

    overflow: hidden;

    background: #fff;

    height: 100%;

    line-height: inherit;

}

.txt-c {

    text-align: center;

}

.txt-c {

    text-align: center;

}

.submenu .position p {

    font-size: 12px;

    color: #888;

}

.submenu .position p a {

    color: #888;

    margin: 0 3px;

}

.subnav .on {

    background: #4c7295;

    color: #fff;

}

.subnav a {

    padding: 0 25px;

    font-size: 12px;

    color: #333;

    position: relative;

}

.ease-1 {

    -webkit-transition: all 0.1s;

    -khtml-transition: all 0.1s;

    -moz-transition: all 0.1s;

    -o-transition: all 0.1s;

    transition: all 0.1s;

}

.subnav .on em {

    content: '';

    display: block;

    width: 0;

    height: 0;

    position: absolute;

    left: 50%;

    margin-left: -6px;

    bottom: 0;

    border-width: 0 6px 6px 6px;

    border-color: transparent transparent #fff transparent;

    border-style: dashed dashed solid dashed;

}

.fl {

    float: left;

}

.subnav a:hover{ color:#f17700;}

.subnav .on{ background:#0076ca; color:#fff;}

.subnav .on em{ content:''; display:block; width:0; height:0; position:absolute; left:50%; margin-left:-6px; bottom:0; border-width:0 6px 6px 6px; border-color:transparent transparent #fff transparent; border-style:dashed dashed solid dashed;}

.bigtitle {

    padding-top: 30px;

    height: 50px;

    overflow: hidden;

    line-height: 50px;

    margin-bottom: 20px;

}

.bigtitle h1 {

    font-size: 36px;

    color: #333;

}

.bigtitle h1 {

    font-size: 36px;

    color: #333;

	font-weight: normal;

	margin:0px;

	padding:0px 50px;

}

.bigtitle h1 .iconfont {

    font-size: 32px;

    color: #f17700;

}

.mr10 {

    margin-right: 10px;

}

.icona{

	width:35px;

	height:35px;

	background:url(../images/13.png) no-repeat center top;

	display:block;

	float:left;

	margin-top:10px;

	}

.innerb{

	padding: 0 50px;

    margin-bottom: 100px;

	}

.text_box {

    line-height: 26px;

    font-size: 14px;

    color: #333;

}

.current{

	

	}

.fr {

    float: right;

}

.left-menu a {

    display: inline-block;

    width: 100%;

    height: 50px;

    line-height: 50px;

    text-align: center;

    font-size: 14px;

    color: #444;

    background: url(../images/banner_li_bg.jpg) no-repeat top center;

    margin-bottom: 5px;

}

.list-box {

    margin: 20px 0 115px;

    width: 968px;

    padding: 8px 5px;

    border-width: 3px 1px 1px;

    border-style: solid;

    border-color: #aaa;

}

.tag {

    padding: 15px 0;

    font-size: 14px;

    color: #666;

    height: 20px;

    background-color: #f1f2f6;

}

.display-full {

    display: inline-block;

    width: 98%;

}

.list-products {

    width: 930px;

    margin: 43px 21px;

}

.content-full {

    float: left;

    width: 100%;

}

.list-products li {

    float: left;

    width: 280px;

    height: 250px;

    margin: 14px;

    border: 1px solid #ddd;

}



.list-products img {

    width: 280px;

    height: 199px;

}

.list-products li h4,.list-products li h4 a {

    text-align: center;

    font-weight: normal;

    line-height: 45px;

    color: #444;

    font-size: 16px;

	margin:0px;

}

.faa a{

	font-size:12px;

	color:#666;

	margin-right:10px;

	}

.ssa{

	float:left;

	}

.ssa a{

	margin-left: 5px;

    padding: 0 5px;

	color: #444;

	}

.ssa .on,.ssa a:hover{ border-radius:10px; background-color:#299ceb; color:#fff; }

.ssa a:active{ border-radius:10px; background-color:#299ceb; color:#fff; }

.product-show-imgcon {

    width: 486px;

    float: left;

}

.product-show-bigimgcon {

    border: 1px solid #c3c3c3;

    position: relative;

    z-index: 1;

    /* width: 534px; */

    width: 434px;

    height: 320px;

    padding: 2px;

}

.product-show-bigimgcon a {

    height: 314px;

    /* width: 532px; */

    width: 432px;

    display: table-cell;

    text-align: center;

    vertical-align: middle;

}

.product-show-detail {

    width: 680px;

    float: right;

}

.product-detail-title {

    font-size: 24px;

    line-height: 40px;

    margin: 0px;

    padding: 0px;

    color: #296a88;

    margin-bottom: 22px;

    border-bottom: solid 3px #296a88;

}

.product-desc {

    font-size: 14px;

    color: #666;

    line-height: 28px;

    text-indent: 28px;

}

.service-info {

    margin-top: 16px;

}

.fwrx-con {

    width: 226px;

    height: 72px;

    padding-top: 10px;

    float: left;

    border-right: solid 1px #ccc;

    margin-right: 24px;

}

.fwrx-icon {

   

}

.service-icon {

    width: 60px;

    height: 55px;

    margin-left: 20px;

    display: inline-block;

    background: url(../images/bg_common.png);

    float: left;

}

.fwrx-con h5 {

    font-size: 18px;

    color: #666;

    margin-bottom: 6px;

    margin-top: 8px;

}

.fwrx-con p {

    color: #919191;

}

.email-con {

    width: 400px;

    float: left;

}

.email-con h6.email {

    margin-top: 4px;

	color:#919191;

}

.email-con h6 {

    line-height: 32px;

    margin: 0px;

    font-size: 15px;

    margin-bottom: 2px;

	width:100%;

	float:left;

	text-align:left;

}

.email-con h6.phone {

    color: #919191;

}

.product-btn-con {

    padding-top: 32px;

}

.btn-blue {

    color: #fff;

    background: #296a88;

}

.btn {

    margin-left: 12px;

}

.btn {

    display: inline-block;

    padding: 6px 12px;

    margin-bottom: 0;

    font-size: 14px;

    font-weight: normal;

    line-height: 1.42857143;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 4px;

}

.btn-border {

    color: #919191;

    border-color: #919191;

}

.product-detail-tabcon {

    width: 100%;

    min-width: 1200px;

    background: #ececec;

    padding: 26px 0px;

    margin: 32px 0px;

	text-align:center;

	color:#919191;

	font-size:20px;

}

.pagea{

	width:100%;

	line-height:40px;

	text-align:center;

	}

.pagea a{

	color:#000;

	}

.f3_p1 {

    float: none;

    border: 1px solid #e5e5e5;

    height: 34px;

    line-height: 34px;

    display: block;

    margin: 15px 0 20px 220px;

    width: 360px;

    color: #616161;

    text-align: left;

    cursor: inherit;

}

.f4_p1 {

    display: block;

    margin: 15px 0 0 220px;

    width: 520px;

    height: 180px;

    border: 1px solid #e5e5e5;

    padding-left: 4px;

    color: #616161;

    text-align: left;

    cursor: inherit;

}

.f3_bnt {

    margin: 15px 0 15px 220px;

    background: #00589f;

    border: 0;

    width: 100px;

    height: 36px;

    color: #fff;

}

.f3_bnt {

    width: 101px;

    height: 30px;

    float: left;

    background: #00589f;

    text-align: center;

    color: #FFF;

    line-height: 30px;

    border: none;

    cursor: pointer;

}

.nlie{

	float: left;

  padding: 0% 1.4%;

  position: relative;

  z-index: 999;

  padding-top: 20px;

  padding-bottom: 21px;}