@charset "utf-8";
/* CSS Document */
html{overflow-x:hidden;color:#434343}
body,div,h1,h2,h3,h4,h5,h6,hr,dl,dt,dd,ul,ol,li,form,p{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5 Arial,'\5FAE\8F6F\96C5\9ED1';}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
em{font-style:normal;}
fieldset,img{border:none;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
img{-ms-interpolation-mode:bicubic;image-rendering:optimizeQuality;}
ul,ol{list-style:none}

a:link,a:visited {text-decoration:none;color:#434343}
a:hover {color:#2C508C;text-decoration:none}

a.amore:link,a.amore:visited {color:#2C508C;font-size:14px}
a.amore:hover {color:#CB4D07;text-decoration:none}

.wp-bd{
	padding-right:15px;
    padding-left:15px;
    margin:0 auto;
	box-sizing:border-box;
	position:relative;
	z-index:1
}

.wp-hd{width:100%;padding-top:10px;padding-bottom:28px;background:url(119.png) repeat-x left bottom;background-size:auto 100%;-webkit-transform:translateZ(0);-webkit-animation-duration:350ms;webkit-animation-timing-function:ease-in-out;-webkit-animation-name:fadein;z-index:99999;position:relative}
.logo{height:47px;padding-left:62px;padding-top:13px;background:url(logo.png) no-repeat left center;background-size:auto 100%}
.logo h3{font-size:16px;font-weight:bold;letter-spacing:4px;line-height:120%}
.logo span{display:block;text-transform:uppercase;font-size:12px}

.hd-nav{float:right;margin-top:27px}
.hd-nav ul li{float:left;z-index:2;position:relative;cursor:pointer;text-align:center;border-right:1px solid #CCC}
.hd-nav ul li a:link,.hd-nav ul li a:visited{float:left;color:#666666;font-family:"\5FAE\8F6F\96C5\9ED1";font-size:14px;text-decoration:none;text-align:center;padding-left:10px;padding-right:10px;line-height:16px}
.hd-nav ul li a.en:link,.hd-nav ul li a.en:visited{float:left;color:#666666;font-family:"\5FAE\8F6F\96C5\9ED1";font-size:14px;text-decoration:none;text-align:center;padding-left:3px;padding-right:3px;line-height:16px}
.hd-nav ul li:hover a,.hd-nav ul li a:hover{color:#2C508C;text-decoration:none}
.nov{color:#2C508C !important}
.mean-nav .nov{color:#69ACD3 !important}
.hd-nav ul li:last-child{border-right:none}

.slider{position:relative;z-index:-1;top:-18px}

.about-product{margin-top:20px}
.about-product-left{}

.title{font-size:14px;position:relative}
.title h3{text-transform:uppercase;font-size:44px;line-height:42px;color:#2C508C}
.title span{position:absolute;left:34px}
.title span:nth-of-type(1){top:0;font-size:20px;color:#828282;letter-spacing:4px;}
.title span:nth-of-type(2){top:21px;color:#2C508C;font-family:Arial;letter-spacing:1px;font-weight:bold}
.title-line{background-color:#CCCCCC;height:2px;width:28px;margin-top:12px;margin-bottom:12px}

.left-title{float:left;width:42px;position:relative;text-align:left}
.left-title h3{text-transform:uppercase;line-height:100%;font-size:42px;color:#2C508C;text-align:left;word-wrap:break-word;writing-mode:vertical-lr;writing-mode:tb-lr;font-family:Arial;height:180px; overflow:hidden}
.left-title span{position:absolute;top:34px;height:130px;word-wrap:break-word;writing-mode:vertical-lr;writing-mode:tb-lr;}
.left-title span:nth-of-type(1){left:0;color:#2C508C;font-family:Arial;letter-spacing:1px;font-weight:bold}
.left-title span:nth-of-type(2){left:12px;font-size:20px;color:#828282;letter-spacing:4px;}

.about-txt{float:left;width:87%;box-sizing:border-box;padding-left:20px;font-size:14px;line-height:200%;color:#ABA7A6}
.line{height:1px;border-bottom:1px dashed #CCCCCC;margin-top:30px;margin-bottom:30px}

.product-list ul li{float:left;width:48%;text-align:center;margin-top:20px;margin-right:4%}
.product-list ul li a:link,.product-list ul li a:visited{display:inline-block;position:relative;z-index:1;overflow:hidden}
.product-list ul li:nth-child(2n+0){margin-right:0px}
.product-list ul li img{max-width:100%}
.product-list ul li p{width:100%;line-height:30px;word-wrap:break-word;font-size:14px}

@-webkit-keyframes fInLeft{
	0%{opacity:0;-webkit-transform:translate3d(-500px,0,0);transform:translate3d(-500px,0,0)}
	to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes fInLeft{
	0%{opacity:0;-webkit-transform:translate3d(-500px,0,0);transform:translate3d(-500px,0,0)}
	to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
}
.fLeft{-webkit-animation-name:fInLeft;animation-name:fInLeft}

.product-type{float:left;padding-left:20px;position:relative;width:87%;box-sizing:border-box;}
.product-type ul{position:relative;z-index:2;width:100%}
.product-type ul li{position:relative;width:100%;}
.product-type ul li a:link,.product-type ul li a:visited{float:left;width:70%;color:#ABA7A6;font-size:14px;text-decoration:none;text-align:left;padding:15px 10px;overflow:hidden;line-height:140%;margin-bottom:11px;height:auto}
.product-type ul li:hover a,.product-type ul li a:hover{color:#5A5A5A;text-decoration:none;background-color:#FFFFFF}

.product-type ul li em{
	position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:52px;
	text-align:right;
	background:url(btn_05.png) right center no-repeat;
}
.product-type ul li em.active{
	background:url(btn_05_j.png) right center no-repeat;
}

.product-type ul li ul,.product-type ul li ul.en{display:none;padding:15px;width:100%;-moz-box-shadow:0px 0px 5px #CCCCCC;-webkit-box-shadow:0px 0px 5px #CCCCCC;box-shadow:0px 0px 5px #CCCCCC;background-color:#ffffff;box-sizing:border-box;overflow:hidden}
.product-type ul li:hover ul li{-webkit-animation-name:fInLeft;animation-name:fInLeft}
.product-type ul li ul li a:link,.product-type ul li ul li a:visited{float:left;width:100%;color:#ABA7A6;font-size:14px;text-decoration:none;text-align:left;padding:7px 10px;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;border-radius:3px;height:auto;margin-bottom:0px;box-sizing:border-box;overflow:hidden;}
.product-type ul li ul li a:hover{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;color:#FFFFFF;text-decoration:none;background-color:#F19C37}

.development{margin-top:20px;background:url(dev.jpg) no-repeat center center;background-size:auto 100%;padding-bottom:20px;padding-top:20px}
.development-title{text-align:center}
.development-title h3{text-transform:uppercase;font-size:26px;color:#2C508C}
.development-title span{display:block;font-size:22px;line-height:30px}

.timeline{position:relative;margin-top:10px}
.vertical-line{display:none;position:absolute;z-index:-1;left:50%;width:1px;background-color:#FFFFFF;height:100%}
.timeline ul li{padding-top:8px;padding-bottom:8px;color:#FFFFFF;line-height:140%;}
.timeline ul li.en{padding-top:3px;padding-bottom:3px;color:#FFFFFF;line-height:140%;}
.timeline ul li:hover{cursor:default;color:#D96007}
.timeline ul li:hover i{background-color:#D96007}
.timeline ul li:hover span{border-bottom:1px dashed #D96007}

.fr{width:100%}
.fr .lp{}
.fr i{float:left;width:16px;height:16px;border-radius:50%;background-color:#FFFFFF;margin-top:5px}
.fr span{float:left;height:1px;border-bottom:1px dashed #FFFFFF;width:10%;margin-top:13px}
.fr .text{float:left;font-size:14px;width:85%;text-align:left;padding-top:7px;}
.fr .text em{float:left;font-size:18px;box-sizing:border-box;padding-right:15px;text-align:left}
.fr .text p{float:left;width:80%}

.fl{width:100%}
.fl .lp{}
.fl i{float:left;width:16px;height:16px;border-radius:50%;background-color:#FFFFFF;margin-top:5px}
.fl span{float:left;height:1px;border-bottom:1px dashed #FFFFFF;width:10%;margin-top:13px}
.fl .text{float:left;font-size:14px;width:85%;text-align:left;padding-top:7px;}
.fl .text em{float:left;font-size:18px;box-sizing:border-box;padding-right:15px;text-align:left}
.fl .text p{float:left;width:80%}


.case{background-color:#F8F8F8;padding-top:20px;padding-bottom:20px}
.more{position:absolute;top:8px;right:0}
.more a:link,.morea:visited{color:#666666;font-size:14px}
.more a:hover{color:#CB4D07;text-decoration:none}

.case-list ul li{float:left;width:30.6666%;text-align:center;margin-top:20px;margin-right:4%}
.case-list ul li a:link,.case-list ul li a:visited{float:left;width:100%;position:relative;z-index:1;overflow:hidden}
.case-list ul li:nth-child(3n+0){margin-right:0}
.case-list ul li:nth-child(4n+0){display:none}
.case-list ul li img{
	max-width:100%;
	display:block;
	transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear
}
.case-list ul a:hover img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
}
.case-list ul li p{width:100%;line-height:30px;word-wrap:break-word;font-size:14px}

.exa-list ul li{float:left;width:30.6666%;text-align:center;margin-top:20px;margin-right:4%}
.exa-list ul li a:link,.exa-list ul li a:visited{float:left;width:100%;position:relative;z-index:1;overflow:hidden}
.exa-list ul li:nth-child(3n+0){margin-right:0}
.exa-list ul li img{
	max-width:100%;
	display:block;
	transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear
}
.exa-list ul a:hover img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
}
.exa-list ul li p{width:100%;line-height:30px;word-wrap:break-word;font-size:14px}

.news{margin-top:20px;}
.news-list{padding-top:15px;}
.news-list ul li{padding-top:12px;padding-bottom:12px;border-bottom:1px dashed #F2F2F2}
.news-date{float:left;width:80px;font-size:14px;text-align:center;background-color:#F8F8F8;color:#2C508C;margin-right:2%;padding-top:10px;padding-bottom:10px}
.news-content{float:left;width:74%;font-size:14px;color:#999999}

.wp-ft{margin-top:20px;background-color:#F8F8F8;padding-top:20px;padding-bottom:20px}

.ft-content{}
.ft-logo{background:url(ft-logo.png) no-repeat center center;height:100px}
.ft-nav{float:right;display:none;margin-top:35px}
.ft-nav ul li{float:left;z-index:2;position:relative;cursor:pointer;text-align:center;border-right:1px solid #CCC}
.ft-nav ul li a:link,.ft-nav ul li a:visited{float:left;color:#666666;font-family:"\5FAE\8F6F\96C5\9ED1";font-size:14px;height:20px;text-decoration:none;line-height:20px;text-align:center;padding-left:10px;padding-right:10px}
.ft-nav ul li:hover a,.ft-nav ul li a:hover{color:#2C508C;text-decoration:none}
.ft-nav ul li:last-child{border-right:none}

.ft-contact{margin-top:20px;font-size:14px}
.ft-contact p{line-height:26px; margin:0}

.hotline{margin-bottom:20px}
.hotline h3{display:block;text-align:center;font-size:16px;border-bottom:1px dashed #CCCCCC;padding-bottom:10px;margin-bottom:10px}
.contact{}
.contact h3{display:block;font-size:16px;border-bottom:1px dashed #CCCCCC;padding-bottom:10px;margin-bottom:10px}
.ewm{display:none}
.ewm h3{display:block;font-size:16px;border-bottom:1px dashed #CCCCCC;padding-bottom:10px;margin-bottom:30px}

.banner{position:relative;z-index:1;top:-18px}
.banner img{max-width:100%;display:block}
.section{position:absolute;bottom:0;left:50%;width:100%}
.section h3{display:block;font-size:36px;color:#2C508C;line-height:80px;margin-left:-68px;}
.section span{display:block;border:1px solid #CB4D07;height:8px;width:8px;margin-left:-4px;font-size:0; line-height:0;border-radius:100%;}
.section-line{width:1px;height:150px;border-left:1px solid #CB4D07}

.bg1{background-color:#F2F2F2}
.line1{border-bottom:1px solid #CCC}


.mian-title{border-bottom:1px solid #CCC;margin-bottom:20px;position:relative;padding-bottom:10px}
.back{position:relative;z-index:1;top:-18px;background-color:#CCC;padding:5px 10px}
.mian-title h3{font-size:22px;font-weight:bold;line-height:140%;color:#2C508C}
.location{display:none;position:absolute;right:0;top:20px}

.sub-section{padding-bottom:10px;padding-top:20px;}
.sub-title{padding-bottom:10px;}
.sub-title h3{font-size:18px;font-weight:bold;line-height:140%}
.sub-title span{display:block;font-size:18px;line-height:140%}
.sub-title p{padding-top:10px;font-size:14px;line-height:200%}

.equ-title{}
.equ-title h3{font-size:18px;font-weight:bold;line-height:140%}
.equ-title span{display:block;font-size:18px;line-height:140%}
.equ-content{margin-top:10px;font-size:14px;line-height:26px;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}
.equ-content ul li{float:left;}
.equ-content ul li img{max-width:100%}
.equ-content ul li:nth-of-type(1){width:25.6666%;padding-right:4%;}
.equ-content ul li:nth-of-type(2){width:25.6666%;padding-right:4%}
.equ-content ul li:nth-of-type(3){width:40.6666%}

.dev-title{}
.dev-title h3{font-size:18px;font-weight:bold;line-height:140%}
.dev-title span{display:block;font-size:18px;line-height:140%}
.dev-content{font-size:14px;line-height:26px;margin-top:20px;margin-bottom:20px}

.sub-content{font-size:14px;line-height:26px;}
.sub-content img{max-width:100%}
.content{font-size:14px;line-height:26px;min-height:350px}

.timeline-box{}
.year{height:40px;line-height:40px;margin-bottom:10px}
.year span{
	float: left;
	border-radius: 50%;
	color: #fff;
    background-color:#2C508C;
    font-size: 12px;
    height: 40px;
    width: 40px;
	text-align: center;
}
.year .line{
	display:none;
	float: left;
	background-color: #ebebeb;
    margin-top: 19px;
    height: 3px;
    width: 34px;
}
.month{
	position: relative;
    min-height: 40px;
    line-height: 40px;
    margin-bottom: 12px
}
.month .line{
	float: left;
	background-color: #ebebeb;
    margin-top: 19px;
    height: 3px;
    width: 34px;
}
.month .date {
	position: absolute;
    top: -6px;
	left:12px;
    line-height: 120%;
    color: #5a5a5a;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}
.month .circle{
	cursor: pointer;
	float:left;
	margin-top:13px;
	margin-left:13px;
    height: 10px;
    width: 10px;
    background-color: #fff;
    border: 3px solid #2C508C;
    color: #fff;
    display: inline-block;
    border-radius: 50%;
}
.details{
	float:right;
	width:80%;
    color: #fff;
    background-color: #2C508C;
    min-height: 50px;
    padding: 10px;
	box-sizing:border-box
}
.en-details{
	float:right;
	width:80%;
    color: #fff;
    background-color: #2C508C;
    min-height: 50px;
    padding: 10px;
	box-sizing:border-box
}
.timeline-box li:hover .details,.timeline-box li:hover .en-details{
	display:block
}
.timeline-box li:hover .circle{
	background-color: #2C508C;
}
.icon{
	display: inline-block;
    font-size: 16px;
    line-height: 21px;
    position: absolute;
    left: 8px;
}
.conts{
	color: #fff;
    font-size: 14px;
    text-align: left;
	line-height:21px
}
.arrowdn{
	display:none;
    width: 0;
    height: 0;
    position: absolute;
    left: 25px;
    bottom: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #2C508C;
}

.con{margin-bottom:20px}
.feedback{}
.map{clear:both;padding-top:20px;height:350px}

.news-box{margin-top:10px}
.left-news{float:left;width:35%;display:none}
.left-news-pic img{width:100%}
.news-title{font-size:20px;padding-top:10px;font-weight:bold}
.left-news-pic span{display:block;font-size:12px}
.left-news-pic p{color:#5A5A5A;line-height:21px;padding-bottom:15px;border-bottom:1px solid #2C508C}

.left-news ul li{padding-top:15px;padding-bottom:15px;border-bottom:1px dashed #DBD4CD}
.lndate{float:left;width:80px;line-height:24px;text-align:center;background-color:#F8F8F8;color:#2C508C;padding-top:10px;padding-bottom:10px}
.lncontent{float:right;width:74%;font-size:14px;line-height:1.6}

.left-news ul li:hover .lncontent{float:none;width:100%;padding:15px;border-left:3px solid #2C508C;background-color:#595757;color:#FFFFFF;box-sizing:border-box}
.left-news ul li:hover .lndate{display:none}
.left-news ul li:hover a{color:#FFFFFF}
.left-news ul li:hover span{color:#FFFFFF !important}

.right-news{}
.right-news ul li{padding-top:15px;padding-bottom:15px;border-bottom:1px dashed #DBD4CD}
.ndate{float:left;width:80px;line-height:24px;text-align:center;background-color:#F8F8F8;color:#2C508C;padding-top:10px;padding-bottom:10px}
.ncontent{float:right;width:74%;font-size:14px;line-height:1.6}

.right-news ul li:hover .ncontent{float:none;width:100%;padding:15px;border-left:3px solid #2C508C;background-color:#595757;color:#FFFFFF;box-sizing:border-box}
.right-news ul li:hover .ndate{display:none}
.right-news ul li:hover a{color:#FFFFFF}
.right-news ul li:hover span{color:#FFFFFF !important}

.jobs-list{margin-top:30px}
.jobs-list ul li{margin-bottom:10px}
.jobs-head{padding:0 110px 0 20px;background-color:#F5F5F5;height:54px;line-height:54px;cursor:pointer;position:relative}
.active .jobs-head{background-color:#2C508C}
.active .jobs-head .list-l{color:#FFFFFF}
.active .jobs-head .list-r{color:#FFFFFF}
.jobs-head .list-l{float:left;font-size:18px;color:#333333}
.jobs-head .list-r{float:right;font-size:16px;color:#666666}
.jobs-head em{
	position:absolute;
    right:0px;
    top:0;
    width:54px;
    height:54px;
	background:url(btn_06.png) center no-repeat;
	background-size:100%
}
.active .jobs-head em{
	background:url(btn_06_h.png) center no-repeat;
	background-size:100%
}
.jobs-deta{display:none;padding:10px 20px;box-shadow:0 0 10px rgba(0,0,0,0.1);font-size:14px;background-color:#FFFFFF}

.product-content{display:none}
.wap-content table{border-right:1px dashed #E1E1E1;border-bottom:1px dashed #E1E1E1} 
.wap-content table td{padding:3px;text-align:center;font-size:12px;border-left:1px dashed #E1E1E1;border-top:1px dashed #E1E1E1} 

.last-td{width:100px;position:relative}
.last-td div{position:absolute;z-index:5;top:100%;right:0px;padding:10px;background-color:#F0F0F0;width:200px;box-shadow:2px 2px 10px #999;overflow:hidden;max-height:0;visibility:hidden;transition:max-height 1s ease;line-height:23px}
.product-content tr:hover .last-td div{
	visibility:visible;
	max-height:200px;
}
.tree{width:100%;display:inline-block;text-align:left}
.tree ul li ul {
	padding-top: 20px;
	position: relative
}
.tree ul li ul li {
	list-style-type: none;
	position: relative;
	text-align:left;
	margin-bottom:30px
}
.tree ul li ul li a{
	text-decoration: none;
	display:inline-block;
	color: #2572B6;
    line-height: 120%;
    font-size: 20px;
	font-weight:bold;
	vertical-align:top
}
.tree ul li ul li ul {
	padding-top: 10px;
	position: relative
}
.tree ul li ul li ul li {
	list-style-type: none;
	position: relative;
	text-align:left;
	margin-bottom:0px;
	padding-top:7px;
	padding-bottom:7px;
	border-bottom:1px dashed #CCC
}
.tree li em{
	text-decoration:none;
	color:#2572B6;
	font-size:26px;
	font-weight:bold;
	display:inline-block;
	letter-spacing:2px;
	vertical-align:top
}
.tree ul li ul li ul li a{
	text-decoration: none;
	display:inline-block;
	color: #2572B6;
    line-height: 120%;
    font-size: 16px;
	font-weight:normal;
	vertical-align:top
}
.tree li a:hover{background-color:#F19C37;color:#FFF}

.ntype{text-align:center}
.ntype ul{display:inline-block;}
.ntype ul li{float:left}
.ntype ul li a:link,.ntype ul li a:visited{float:left;color:#666666;font-family:"\5FAE\8F6F\96C5\9ED1";font-size:16px;height:20px;text-decoration:none;line-height:20px;text-align:center;padding:5px 15px;background-color:#F5F5F5; margin-left:10px; margin-right:10px;border-radius:20px}
.ntype ul li:hover a,.ntype ul li a:hover{background-color:#2C508C;color:#FFFFFF;text-decoration:none}

.ntype .current{background-color:#2C508C !important;color:#FFFFFF !important;}

.left-bar{position:absolute;top:121px;z-index:999;-webkit-transform:translateZ(0);-webkit-animation-duration:350ms;-webkit-animation-timing-function:ease-in-out;-webkit-animation-name:fadein;display:none}
.arrow{margin-left:-48px;width:26px;padding:0 10px;height:30px;text-align:center;margin-bottom:1px;background:#2C508C url(arrow_up.png) center no-repeat;}
.focus{background:#2C508C url(arrow_down.png) center no-repeat;}
.left-bar .left-type-title{width:26px;padding:10px;font-size:26px;color:#FFF;line-height:140%;background-color:#2C508C;vertical-align:top;word-wrap:break-word;word-break:break-all;cursor:pointer}
.left-bar .en-left-type-title{width:26px;padding:10px;font-size:26px;color:#FFF;line-height:100%;letter-spacing:2px;background-color:#2C508C;text-align:center;vertical-align:top;word-wrap:break-word;word-break:break-all;cursor:pointer;writing-mode:vertical-lr;writing-mode:tb-lr}
.left-type{margin-left:-48px;position:relative;}
.left-type:hover .left-type-list{display:block}
.left-type:hover .left-type-list ul li{-webkit-animation-name:fInLeft;animation-name:fInLeft}

.left-type-list{display:none;position:absolute;left:46px;top:0;background-color:#FFFFFF;padding:15px;width:190px;-moz-box-shadow:0px 0px 3px #CCCCCC;-webkit-box-shadow:0px 0px 3px #CCCCCC;box-shadow:0px 0px 3px #CCCCCC;}
.left-type-list ul{position:relative;z-index:2}
.left-type-list ul li a:link,.left-type-list ul li a:visited{float:left;width:100%;font-size:14px;line-height:140%;text-decoration:none;text-align:left;padding:10px;overflow:hidden}
.left-type-list ul li:hover a,.left-type-list ul li a:hover{-moz-box-shadow:-3px 0px 3px #CCCCCC;-webkit-box-shadow:-3px 0px 3px #CCCCCC;box-shadow:-3px 0px 3px #CCCCCC;background-color:#FFFFFF;color:#2C508C;text-decoration:none;padding:10px 6px 10px 10px;}

.left-sub-type{display:none;position:absolute;z-index:-1;left:205px;top:-15px;width:190px;min-height:286px;width:250px;-moz-box-shadow:0px 0px 5px #CCCCCC;-webkit-box-shadow:0px 0px 5px #CCCCCC;box-shadow:0px 0px 5px #CCCCCC;padding:15px;background-color:#FFFFFF;overflow:hidden}
.left-type-list ul li:hover .left-sub-type{display:block}
.left-sub-type ul li a:link,.left-sub-type ul li a:visited{float:left;color:#666666;width:100%;font-size:14px;text-decoration:none;text-align:left;padding:10px;box-sizing:border-box;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
.left-sub-type ul li a:hover{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;background-color:#F19C37;color:#FFFFFF;text-decoration:none}

.right-bar{display:none;position:fixed;z-index:10000;right:-2px;top:40%;width:75px}.right-bar .btn{display:block;cursor:pointer}.right-bar .btn:hover .show{background-color:#2C508C}.right-bar .btn .show{width:75px;height:32px;margin-bottom:2px;background-color:#595757;padding-top:38px;font-size:12px;color:#fff;text-align:center;background-repeat:no-repeat;background-position:center 12px}.right-bar .btn.back-top .show{height:50px;padding-top:0;background-image:url(back-top.png);background-position:center center}.right-bar .btn.qq .show{background-image:url(right-bar-qq.png)}.right-bar .btn.tel{position:relative;left:0;width:275px;transition:left 0.4s}.right-bar .btn.tel .show{background-image:url(right-bar-tel.png)}.right-bar .btn.tel .hide{position:relative;width:200px;height:70px;font-size:22px;line-height:70px;color:#fff;text-align:center;background-color:#595757}.right-bar .btn.tel .hide::before{position:absolute;top:50%;left:0;margin-top:-17px;content:'';width:1px;height:35px;background-color:#fff}.right-bar .btn.tel:hover{left:-200px}.right-bar .btn.tel:hover .hide{background-color:#2C508C}.right-bar .btn.msg .show{background-image:url(right-bar-msg.png)}.right-bar .btn.wechat{position:relative}.right-bar .btn.wechat .show{background-image:url(right-bar-weixin.png)}.right-bar .btn.wechat .hide{display:none;position:absolute;top:0;right:74px}.right-bar .btn.wechat .hide img{width:92px;height:92px}.right-bar .btn.wechat:hover .hide{display:block}.pull-left{float:left}

.clear{height:74px;clear:both;overflow:hidden}
.footer_contact {-webkit-transform:translateZ(0);-webkit-animation-duration:350ms;position:fixed;-webkit-animation-timing-function:ease-in-out;-webkit-animation-name:fadein;z-index:10;opacity:1;width:100%;overflow:hidden;bottom:0;}
.footer_contact ul {overflow:hidden;border-left:solid 0.5px #569ECA}
.footer_contact li {float:left;width:20%;text-align:center;font-size:14px;background:#3486BD}
.footer_contact li a {border-right:solid 0.5px #569ECA;color:#FFFFFF;height:60px;padding-top:14px;text-decoration:none;display:block;}


@media (min-width: 768px) {
	.clear{display:none}
    .footer_contact{display:none}
}
@media (min-width: 992px) {
	.logo{float:left;height:52px;padding-left:74px;padding-top:18px;background:url(logo.png) no-repeat left center;background-size:auto 100%}
    .logo h3{font-size:16px;font-weight:bold;letter-spacing:4px}
    .logo span{display:block;text-transform:uppercase;font-size:12px}
	.about-product{margin-top:70px}
    .about-product-left{float:left;width:51%}
	.product-type ul{width:190px}
	.product-type ul li{position:static}
	.product-type ul li em{display:none}
	.product-type ul li a:link,.product-type ul li a:visited{float:left;width:100%;color:#ABA7A6;font-size:14px;text-decoration:none;text-align:left;padding:15px 10px;overflow:hidden;line-height:140%;height:auto;}
	.product-type ul li:hover a,.product-type ul li a:hover{-moz-box-shadow:-2px 0px 3px #CCCCCC;-webkit-box-shadow:-2px 0px 3px #DCDEE3;box-shadow:-2px 0px 3px #CCCCCC;color:#5A5A5A;text-decoration:none;background-color:#FFFFFF}
    .product-type ul li:hover ul{display:block;position:absolute;z-index:-1;left:206px;top:0px;padding:15px;width:218px;height:295px;-moz-box-shadow:0px 0px 5px #CCCCCC;-webkit-box-shadow:0px 0px 5px #CCCCCC;box-shadow:0px 0px 5px #CCCCCC;background-color:#FFFFFF;overflow:hidden}
	.product-type ul li:hover ul.en{display:block;position:absolute;z-index:-1;left:206px;top:0px;padding:15px;width:280px;height:395px;-moz-box-shadow:0px 0px 5px #CCCCCC;-webkit-box-shadow:0px 0px 5px #CCCCCC;box-shadow:0px 0px 5px #CCCCCC;background-color:#FFFFFF;overflow:hidden}
	
    .product-type ul li:hover ul li{-webkit-animation-name:fInLeft;animation-name:fInLeft}
	.product-type ul li ul li a:link,.product-type ul li ul li a:visited{float:left;width:100%;color:#ABA7A6;font-size:14px;text-decoration:none;text-align:left;padding:7px 10px;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;border-radius:3px;height:auto;margin-bottom:0px;box-sizing:border-box;overflow:hidden;}
	.product-type ul li ul li a:hover{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;color:#FFFFFF;text-decoration:none;background-color:#F19C37}
	.product-list{float:right;width:45%}
	.development{margin-top:70px;height:550px;padding-top:60px}
	.timeline{margin-top:30px}
	.vertical-line{display:block}
	.fr{width:50%;margin-left:50%;float:right}
    .fr .lp{margin-left:-8px;}
	.fl{width:50%;margin-right:50%;float:left}
    .fl .lp{margin-right:-8px;}
	.fl i{float:right}
    .fl span{float:right}
    .fl .text{float:right;text-align:right;}
    .fl .text em{float:right;padding-right:0px;padding-left:15px;text-align:right}
    .fl .text p{float:right}
	.case{padding-top:70px;padding-bottom:70px}
	.news{margin-top:70px;}
    .news-list{padding-top:35px;}
	.news-list ul li{float:left;width:48%;margin-right:4%}
	.news-list ul li:nth-child(2n+0){margin-right:0px;}
	.wp-ft{margin-top:70px;padding-top:40px;padding-bottom:30px}
	.ft-logo{float:left;width:200px;}
	.ft-nav{display:block}
	.ft-contact{margin-top:40px;}
	.hotline{float:left;width:43%;margin-bottom:0px}
	.hotline h3{margin-bottom:30px;text-align:left;}
	.contact{float:left;width:42%}
    .contact h3{margin-bottom:30px}
	.ewm{float:left;display:block;width:15%}
	.mian{margin-top:70px;}
	.mian-title{margin-bottom:50px;padding-bottom:20px}
	.back{display:none}
    .mian-title h3{font-size:36px}
    .location{display:block}
	.sub-section{padding-bottom:40px;padding-top:40px;}
    .sub-title{float:left;width:32%;padding-bottom:0px;}
	.sub-title h3{font-size:36px;}
    .sub-title span{font-size:36px;}
    .sub-title p{padding-top:50px;font-size:24px;}
	.equ-title h3{font-size:36px;}
    .equ-title span{font-size:36px;}
    .equ-content{margin-top:50px;}
	.dev-title h3{font-size:36px;}
    .dev-title span{font-size:36px;}
    .dev-content{margin-top:120px;margin-bottom:70px}
	.sub-content{float:right;width:63%;}
	.year{float:left;}
	.year .line{display:block}
	.month{float:left;line-height:40px;margin-bottom:12px}
	.month .date{left:0}
	.month .circle{margin-left:0px;}
	.details{display:none;position:absolute;left:-23px;min-height:50px;padding:8px 8px 8px 21px;width:200px;z-index:10;box-sizing:inherit}
	.en-details{display:none;position:absolute;left:-23px;min-height:50px;padding:8px 8px 8px 21px;min-width:300px;z-index:10;}
	.arrowdn{display:block}
	.con{float:left;width:50%;margin-bottom:0px}
    .feedback{float:right;padding-top:80px;width:50%}
	.news-box{margin-top:30px}
    .left-news{display:block}
	.right-news{float:right;width:60%}
	.ncontent{width:85%;}
	.product-content{display:block}
	.product-content table{border-right:1px dashed #E1E1E1;border-bottom:1px dashed #E1E1E1} 
    .product-content table td{text-align:center;font-size:12px;border-left:1px dashed #E1E1E1;border-top:1px dashed #E1E1E1}
	.wap-content{display:none}
	.tree{text-align:center}
	.tree li{float:left;text-align:center !important;padding:20px 8px 0 8px !important;margin-bottom:0px !important;border-bottom:none !important}
	.tree li::before,.tree li::after{content:'';position:absolute;top:0;right:50%;border-top:1px solid #F19C37;width:50%;height:20px;}
	.tree li::after{right:auto;left:50%;border-left:1px solid #F19C37;}
	.tree li:only-child::after,.tree li:only-child::before {display:none;}
	.tree li:only-child{padding-top:0;}
    .tree li:first-child::before,.tree li:last-child::after{border:0 none;}
    .tree li:last-child::before{border-right:1px solid #F19C37;border-radius:0 5px 0 0;}
    .tree li:first-child::after{border-radius:5px 0 0 0;}
	.tree ul ul::before{content:'';position:absolute;top:0;left:50%;border-left:1px solid #F19C37;width:0;height:20px;}
	.tree li a{text-decoration:none;display:inline-block;padding:5px 7px 5px 3px;width:20px;line-height:140%;font-size:24px !important;vertical-align:top;word-wrap:break-word;word-break:break-all;}
	.tree li a.en{text-decoration:none;display:inline;width:20px;line-height:120%;font-size:20px !important;vertical-align:top;word-wrap:break-word;writing-mode:vertical-lr;writing-mode:tb-lr}
	.tree li em{margin:3px;padding:2px 5px;}
	.left-bar{display:block}
	.right-bar{display:block}
}
@media (min-width: 1200px) {
	.wp-hd{padding-top:15px;padding-bottom:33px;}
	.wp-bd{padding-right:50px;padding-left:50px;}
    .logo{float:left;height:55px;padding-left:74px;padding-top:15px}
	.logo h3{font-size:20px}
    .logo span{font-size:14px}
	.productbg{background:url(pbg.jpg) no-repeat right top;height:303px}
	.hd-nav ul li a:link,.hd-nav ul li a:visited{padding-left:18px;padding-right:18px}
	.hd-nav ul li a.en:link,.hd-nav ul li a.en:visited{padding-left:12px;padding-right:12px}
	.ft-nav ul li a:link,.ft-nav ul li a:visited{padding-left:20px;padding-right:20px}
	.timeline-box .line{width:50px;}
	.tree li{padding:20px 12px 0 12px !important;}
}
@media (min-width: 1399px){
	.about-product-left{width:48%}
	.product-list{width:48%}
}
@media (min-width: 1600px) {
	.wp-bd{width:1550px}
	.case-list ul li{width:22%}
	.case-list ul li:nth-child(3n+0){margin-right:4%}
	.case-list ul li:nth-child(4n+0){margin-right:0;display:block}
	.timeline-box .line{width:70px;}
	.tree li{padding:20px 18px 0 18px !important;}
}

.PageNo{margin:10px auto;text-align:center;padding-top:20px;padding-bottom:20px;font-size:12px}
.PageNo a{font-weight:100;margin:2px;border:1px solid #787878;padding:5px;color:#323232;text-decoration:none;}
.PageNo .PV{color:#FFFFFF;background-color:#2C508C}
.PageNo span{margin:2px;padding:5px;border:1px solid #787878;font-weight:100;color:#787878}

.clearfix{zoom:1}
.clearfix:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}