body{font-size:14px; font-family:Arial, Helvetica, sans-serif;}
*{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}
img{ border:none;}
ul,li{ list-style:none;}
.clear{ clear:both}
.l{ float:left;}
.r{ float:right;}
a:link {color: #000;text-decoration: none;}
a:visited {text-decoration: none;color: #000;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}


.nycase_list{width:900px;}
.nycase_list li{ float:left;width:13%; line-height: 35px;font-size:14px;}
.nycase_list li a{color:#666;}



.cp_lm_main{width:98%;margin: 0 auto; padding: 30px 0; }
.cp_lm_name{float:left;}
.cp_lm_list{float:right; }
.case_list{width:910px;border: 1px #fff solid;padding: 10px;}
.case_list li{ float:left;width:130px; line-height: 35px;font-size:14px;}
.case_list li a{color:#fff;}
.kairui_about{width:100%; height:760px; margin: 0 auto}
.fl{ float:left;}
.fr{ float:right;}
.container{width: 1280px; margin: 0 auto;  }
.container::after{content: '';clear: both;display: block;}
.sy_a_m{width:80%; text-align:center; padding-top: 2%; color: #fff; margin: 0 auto}
.sy_a_m .a_28{font-size:28px; font-weight: bold;}
.sy_a_m .l_t{ background:#008cd6; height:6px;width:50px; margin: 10px auto}
.sy_a_m .jianjie{font-size:16px; padding-top: 30px;}



/*关于我们页面发展历程*/
#historyPage { padding: 68px 0px; background-color: #f4f6fa;}
.brandStory { position: relative; padding: 70px 0px; }
.brandStory a:link, .brandStory a:visited { color: #000; }
.brandStory a:active, .brandStory a:hover { color: #B40000; }
.proces_ico2 { background: url(../img/d4.png) no-repeat; width: 26px; height: 26px; position: absolute; left: 50%; top: -26px; margin-left: -13px; }
.proces_bot3 { background: url(../img/d3.png) no-repeat scroll center top; width: 114px; display: block; margin: 30px auto 0px; padding-top: 28px; text-align: center; color: #000; }
.proces_bot3:hover { color: #E60012; }
.procesList dd { float: left; display: block; width: 16.66%; position: relative; cursor: pointer; }
.procesList .num { background: url(../img/y7.png) no-repeat #fff; width: 60px; height: 60px; margin-left: 2px; line-height: 60px; text-align: center; font-size: 20px; position: relative; z-index: 2; }
.procesList .y2 { background: url(../img/y8.png) no-repeat scroll center bottom; height: 0px; width: 100%; position: absolute; left: 0px; bottom: 0px; -webkit-transition: 400ms; -moz-transition: 400ms; -ms-transition: 400ms; transition: 400ms; }
.procesList .y { position: relative; z-index: 2; }
.procesList dd:hover .num { color: #fff; }
.procesList dd:hover .num .y2 { height: 100%; }
.procesList .line { width: 60%; right: 4px; top: 30px; height: 1px; background-color: #dcdcdc; position: absolute; }
.procesList .line2 { margin: 24px 0px 15px; width: 18px; background-color: #a0a0a0; height: 1px; -webkit-transition: 400ms; -moz-transition: 400ms; -ms-transition: 400ms; transition: 400ms; }
.procesList .txt { margin: 0px 45px 0px 5px; color: #646464; height: 135px; }
.procesList dd:hover .line2 { width: 100%; background-color: #e60012; }
.brandStoryDL { position: relative; overflow: hidden; }
.brandStoryDL dd { padding: 4px 0px; position: relative; transition: 400ms; -webkit-transition: 400ms; cursor: pointer; }
.brandStoryDL .img { float: left; width: 50%; display: block; }
.brandStoryDL .imgbox { width: 290px; margin: 0px auto; visibility: hidden; opacity: 0; transition: 400ms; -webkit-transition: 400ms; }
.brandStoryDL .imgbox img { max-width: 100%; display: block; }
.brandStoryDL .line { width: 228px; height: 3px; background-color: #a0a0a0; position: absolute; left: 50%; margin-left: -60px; top: 79px; }
.brandStoryDL .line i { border: 1px solid #a0a0a0; width: 18px; height: 18px; position: absolute; left: -14px; top: -9px; }
.brandStoryDL .time { float: left; display: block; width: 100px; margin-left: 68px; color: #000; position: relative; font: 30px/1.2 "humanist_521_lightregular","times new roman","microsoft yahei"; text-align: right; transition: 400ms; -webkit-transition: 400ms; }
.brandStoryDL .time .zs { font: 12px/1.2 "humanist_521_lightregular","times new roman","microsoft yahei"; text-transform: uppercase; display: block; position: absolute; right: 0px; top: 0px; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }
.brandStoryDL .con { float: left; display: block; margin-left: 35px; width:360px; color: #000;font-size:16px; line-height: 30px; }
.brandStoryDL .con .t { font-size: 19px; font-weight: bold; margin-bottom: 10px; transition: 400ms; -webkit-transition: 400ms; }
.brandStoryDL .two .img { float: right; }
.brandStoryDL .two .line { left: auto; right: 50%; margin: 0px -60px 0px 0px; }
.brandStoryDL .two .line i { left: auto; right: -14px; }
.brandStoryDL .two .time { margin-left: 0px; }
.brandStoryDL dd:hover { background-color: #fff; }
.brandStoryDL dd:hover .img { height: auto; }
.brandStoryDL dd:hover .imgbox { visibility: visible; opacity: 1; }
.brandStoryDL dd:hover .line { opacity: 0; visibility: hidden; }
.brandStoryDL dd:hover .time { color: #c80000; font-size: 68px; line-height: 1; }
.brandStoryDL dd:hover .time .y2 { position: relative; top: 44px; left: -40px; }
.brandStoryDL dd:hover .time .zs { opacity: 1; visibility: visible; color: #000; }
.brandStoryDL dd:hover .con .t { font-size: 30px; padding-top: 30px; }
.proces_line {
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0px;
    width: 1px;
    background-color: #a0a0a0;
}


.yt_jjk{width: 100%;height: 400px;background: url(../images/syabout.jpg) no-repeat center;overflow: hidden;background-attachment: fixed;background-size: cover; box-sizing: border-box; text-align: center;}
.jj_left{width: 585px;margin-top: 75px;}
.jj_right{width: 695px;margin-top: 75px;background: #189e23;height: 400px;}
.jj_right h2 p{font-size: 26px;font-weight: normal;}
.jj_right h2{color: #fff;font-size: 42px;width: 275px;padding-left: 30px;margin-top: 50px;}
.jjnr{height: 150px;overflow: hidden;color: #fff;font-size: 16px;line-height: 26px;margin-top: 30px;width: 640px;margin-left: 30px;}
.jj_right a{display: block;width: 150px;height: 37px;margin-top: 60px;color: #fff;font-size: 14px;line-height: 37px;border:1px solid #fff;text-align: center;float:right;margin-right: 20px;}
.jj_right a:hover{background: #fff;color: #189e23}
.ytjjdh{margin-left: 30px;margin-top: 50px;color: #fff;font-size: 14px;width: 445px;}
.ytjjdh img{float: left;margin-right: 5px;margin-top: 5px;}
.ytjjdh p{font-family: Impact;font-size: 29px;}

.hidden{display:none;}

.huayi_main{ margin-top:58%; }




/*phone_自适应短屏*/
@media only screen and (max-width:1000px){
/*phone头部内容*/	
.proInfoBox,.picBox{display: none}
.bule{color:#2d62b9}
.phone_top{width:100%;height: 100px; overflow: hidden; background: #f5f5f5;}
.phone_top .top_l{width:82%;padding-top:5%}
.phone_top .top_l .logo{padding-left:2%;width:75%;padding-top:1%}	
.phone_top .top_l .logo img{width:100%}
.phone_top .top_l .menu{width:20%;}
.phone_top .top_l .menu img{width:60%}
	
.phone_top .banben{right:0; height:80px; background:#2d62b9;width:60px; border-bottom:15px #0a090a solid; text-align: center; padding-top: 10px;}
.phone_top .banben .shutiao{width:1px; height: 15px; background: #fff; margin:3px auto;}
.phone_top .banben a{font-size:12px; color:#fff; line-height: 15px;}
.phone_banner{width:100%; }
.phone_banner img{width:100%}
	
	
.top_right {float: right;width:50px;;height: 70px;padding-top: 20px;}
.top_right img{width:100%}
.right_menu{ position: fixed; left: 100%; top:30px; z-index: 999;overflow: hidden;width:100vw;height:100vh;}
.right_menu ul{width:90vw;height:70vh; box-sizing: border-box; background-color:#ccc; padding:50px 0 0 0;overflow: hidden;border-radius:5%; margin: 0 auto}
.right_menu ul li{list-style-type:none; width:80%; margin: 0 5%; line-height: 40px;  text-align: center}
.right_menu ul li.onn{border-bottom: 0 solid #444;}
.right_menu ul li.onn a{color: #666;}
.right_menu ul li a{color: #666;  font-size:18px; text-align: center}
.right_menu ul li div{ border-bottom: 1px solid #444; }
.right_menu ul li.onn div a{ padding:0; width:50%; line-height:27px; display:block; float:left; color: #eee; font-size:14px;} 

	
	
	
	
	
.pbhone_lm_bg{
	background: #2c62b7; 
	height: 60px; 
	line-height:60px; 
	text-align: center;
	color:#fff;
	font-size:16px;
	background-repeat:no-repeat; 
	background-attachment:fixed;
}
.phone_main{width:90%;  padding:8% 5% 3%;font-size:16px;line-height: 36px; background: url("../img/phone_bg.jpg"); background-size:100% auto;}
.about_main{width:90%;  padding:8% 5% 3%;font-size:16px;line-height: 36px; background: url("../img/about_bg.jpg") top  no-repeat; background-size:100% auto;}
.about_main img{max-width:100%}

.phone_jianjie{width:90%; text-align: center; margin: 20px auto}	
.phone_jianjie p{font-size:14px; line-height: 25px; color:#555}
.phone_en14{font-size:12px; font-family: Arial; line-height: 20px; margin: 20px 0}
	
.phone_a_more{width:120px; height: 40px; background: #ccc; line-height: 40px; text-align: center; margin:15px auto 30px;}	
.about_main .a_img img{max-width:70%}
.phone_lm28{font-size:28px;font-weight: bold;}
.since{font-size:48px;font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif"; margin-bottom: 20px }	
.phone_zizhi{background: #ececec; height: 200px; width:90%; padding: 5%}
.phone_zizhi p{font-size:14px; line-height: 25px}
	
/*phone首页*/
	
.phone_topbannerbg{background: url("../img/phone_banner.jpg") top no-repeat; background-size:100% auto; padding: 20% 0 20%}	
.phone_topbanner{width:78%; margin: 0 auto;color:#fff}
.phone_topbanner .t32{font-size:26px;font-weight: bold; }
.phone_topbanner .l_more{font-size:12px; margin-top: 10%; margin-bottom: 2%}
.phone_topbanner .hr1{ background:rgba(255,255,255,.8); height: 1px;width:100%; overflow: hidden}
.phone_topbanner .hr2{ background:rgba(45,98,185,.8); height: 1px;width:100%; overflow: hidden; margin-bottom: 7%}
.phone_topbanner .t18{font-size:15px;}
.phone_topbanner .t20{font-size:18px;font-weight: bold}
	
.ys-panel {
    width: 90%; margin: 0 auto;
    overflow: hidden;
    background-image: url(../img/index_bg_03.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    padding: .4rem .4rem 0 0;
    margin-top: .53333rem;
}
	
.ys-panel .img-panel {
    width: 100%;
    overflow: hidden;
}
.ys-panel .img-panel span {
    display: block;
    width: 100%;
    overflow: hidden;
    border-top-left-radius: .4rem;
    border-top-right-radius: .4rem;
}
.ys-panel .img-panel span img {
    display: block;
    width: 100%;
}
.ys-panel .font-panel {
    width: 100%;
    overflow: hidden;
    background-image: url(../img/index_bg_01.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    padding: 1.2rem 0 1.33333rem 0;
}
	
.sycase_list{width:90%;margin:0 auto 20px;}
.sycase_list li{width:50%; float:left;}
.sycase_list li a{ height:40px; line-height:40px; background:#525252;display:block; margin:2px; text-align:center;font-size:14px; color:#fff} 
.sycase_list li a:hover{ background:#ef780b;} 

	
.phone_adbg{ background: url("../img/p_abg.jpg") top no-repeat; background-size:100% auto;}
.phone_ad{width:80%; margin: 0 auto; padding:10% 0; text-align: center; }
.phone_ad img{width:100%}

.ad20{font-size:20px; color:#2b5eb7;font-weight: bold;padding-top:30px;}
.ad16{font-size:14px; padding-top:30px; color:#666}
	
.phone_ad_list{width:260px; margin: 0 auto}	
.phone_ad_list li{width:120px;float:left; margin:30px 5px;  height: 33px; line-height: 33px; text-align: center; border-radius:15px; background: #333}
.phone_ad_list li a{color:#fff}	
	
/*phone首页工程案例滚动*/
.phone_case_list {overflow: hidden;  width:94%; margin: 20px auto 0; background: #fff; padding: 3%; border-radius:10px}
.phone_case_list li{float: left;text-align: center; width:calc(100%/3)}
.phone_case_list .pic { width:100%;  margin:0 auto;border-radius:10px}

	
.phone_shilibg{ background: url("../img/phone_shili.jpg"); background-size:100% auto;min-height: 180px;}
.phone_shilibg .phone_shili{width:90%; margin: 0 auto; padding-top: 12%}
.phone_shilibg .shili_list li{width:100px; height:60px; display: block; float:right;  padding-top: 20px; color: #fff; text-align: center}
.phone_shilibg .shili_list li.hei{background:#333;width:100px; height:60px; display: block; }
.phone_shilibg .shili_list li.lan{background:#517bc3;width:100px; height:60px; display: block; }

/*phone_首页新闻动态*/	
.phone_newsbg{width:100%; background:#313233; padding: 10px 0 50px}
.phone_news{width:90%; margin: 0 auto}	

.phone_news_list{width:90%; background:#fff; padding: 5%}
.phone_news_list li{font-size:14px; line-height: 36px;}
	
/*phone_首页底部版权*/
.phone_endbg{width:100%; background: url("../img/end_en.jpg") top no-repeat; background-size:100% auto; padding: 10% 0}
.phone_end{width:80%; margin: 0 auto; text-align: center}
.phone_end .copy{margin-top:15%; background: #fff;width:100%; line-height:25px; margin-bottom:90%}

	
/*phone关于我们页面*/
.commont h3 {
    font-size: 20px;
    margin-bottom: 8px;
}
.commont h3 {
    line-height: 1;
    color: #666666;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 12px;
}
.commont small {
    display: block;
    text-align: center;
    line-height: 1;
    text-transform: uppercase;
    color: #999999;
    font-size: 12px;
    font-family: "Arial";
    font-weight: bold;
}

.companys{ display:inline-block; margin:auto; margin-top:76px;}
.company-info{ float:left; text-align:center;}
.company-info strong{ display:block; text-align:center; line-height:1; color:#be691d; font-size:28px; font-weight:bold; font-family:"Futura-Md-BT";}
.company-info p{ color:#666666; font-size:14px; text-align:center; margin-top:6px; line-height:1;}
.compwr{ float:left; width:10px; height:10px; background:url(../images/arrow3.png) center no-repeat; margin:28px 62px 0;}
.profixdown{ margin-top:20px; text-align:center;width:100%;}
.profixdown p{ text-align:center; color:#333333; font-size:14px; width:100%; margin:auto; line-height: 23px}
.checkm{ width:166px; margin:auto; margin-top:54px; border-radius:22px; border:2px solid #be691d; position:relative;}
.checkm:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#be691d; border-radius:18px; transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); visibility:hidden; transition:0.32s ease-in-out;}
.checkm a,.checkm span{ display:block; text-align:center; color:#be691d; position:relative; z-index:4; font-size:14px; line-height:40px; height:40px;}
.checkm a b,.checkm span b{ display:inline-block; margin-left:26px; width:6px; height:9px; background:url(../images/arrow4.png) center no-repeat; margin-left:26px; transition:0.34s; position:relative; left:0;}
.checkm:hover:before{ visibility:visible; transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1);}
.checkm:hover a,.checkm:hover span{ color:#fff;}
.checkm:hover a b,.checkm:hover span b{ background:url(../images/arrow5.png) center no-repeat; left:5px;}


	
/*发展历程*/
.phone_licheng_bg{width:100%;  background:#ececec}
.phone_licheng{width:90%; margin-left: 5%; padding: 5% 0}	
.phone_licheng .atiao{ background: #ccc; height: 180px; width:1px;}
.phone_licheng .wenan{width:90%}
.phone_licheng .wenan li{width:100%;font-size:14px; line-height: 25px; margin-bottom:20px}
.phone_licheng .wenan li h3{margin-left: -40px;font-size:18px; color:#2d61bb}
	
/*footer*/	
.phone_footerbg{ background: #0a090a; height: 80px;width:100%; position: fixed;bottom: 0; z-index: 9999999}
.phone_footer{width:90%; margin: 0 auto; }	
.phone_footer li{ float:left; width:25%; text-align: center;padding-top: 12px}	
.phone_footer li a{color:#fff;font-size:14px;}
	
.philosophy-box{ padding:26px 0 20px; background:#fafcfe;}
.philosofix{ width:90%; margin:auto; margin-top:15px;}
.philosofix p{ color:#333333; font-size:14px; text-align:center;}
.philosoban{ margin-top:10px; position:relative;}
.philoso-info{ float:left;}
.philowr{ margin:0 20px; overflow:hidden;}
.philowr figure{ display:block; line-height:0; overflow:hidden;}
.philowr figure img{ display:block; transition:0.5s; width:100%; height:auto; line-height:0;}
.philodown{ padding:20px 10px; border:2px solid #eaeaea; border-top:none;}
.philodown span{ display:block; color:#333333; font-size:14px; height:100px; overflow:hidden; line-height: 25px;}
.philosoban .slick-prev,.philosoban .slick-next{ display:block; padding:0; margin:0; border:none; width:48px; height:48px; border-radius:50%; position:absolute; top:50%; margin-top:-25px; text-indent:9999px; overflow:hidden; cursor:pointer; transition:0.38s; outline:none;}
.philosoban .slick-prev{ left:-25px; background:#999999 url(../img/arrow8.png) center no-repeat;}
.philosoban .slick-next{ right:-25px; background:#999999 url(../img/arrow9.png) center no-repeat;}
.philosoban .slick-prev:hover{ background:#be691d url(../img/arrow8.png) 16px center no-repeat; }
.philosoban .slick-next:hover{ background:#be691d url(../img/arrow9.png) 20px center no-repeat; }
.philowr:hover figure img{ transform:scale(1.03); -webkit-transform:scale(1.03); -moz-transform:scale(1.03);}
	
/*服务中心*/	
.serviceIlist a:link, .serviceIlist a:visited { color: #787878; }
.serviceIlist a:active, .serviceIlist a:hover { color: #fff; }
.serviceIlist { width:90%; margin: 52px auto 0px; }
.serviceIlist dd { float: left; display: block; width: 40%; margin-bottom: 35px; }
.serviceIlist a { width: 193px; height: 193px; position: relative; margin: 0px auto; display: block; }
.serviceIlist .y1 { background: url(../img/y1.png) no-repeat; }
.serviceIlist .y2 { background: url(../img/y2.png) no-repeat; }
.serviceIlist .y1, .serviceIlist .y2 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; z-index: 1; }
.serviceIlist .y2 { opacity: 0; transform: scale(0.7); -webkit-transform: scale(0.7); visibility: hidden; }
.serviceIlist .txt { position: absolute; top: 15%; z-index: 2; left: 0px; width: 100%; text-align: center; }
.serviceIlist .ico { width: 80px; height: 80px; margin: 0px auto; display: block; background: url(../img/ico2.png) no-repeat; z-index: 3; -webkit-transition: 0.4s; transition: 0.4s; }
.serviceIlist .bot { width: 0px; height: 1px; background-color: #fff; margin: 5px auto 15px; display: block; }
.serviceIlist .lin1 .ico { background-position: 0px 0px; }
.serviceIlist .lin2 .ico { background-position: 0px -80px; }
.serviceIlist .lin3 .ico { background-position: 0px -160px; }
.serviceIlist .lin4 .ico { background-position: 0px -240px; }
.serviceIlist .lin1 a:hover .ico { background-position: -80px 0px; }
.serviceIlist .lin2 a:hover .ico { background-position: -80px -80px; }
.serviceIlist .lin3 a:hover .ico { background-position: -80px -160px; }
.serviceIlist .lin4 a:hover .ico { background-position: -80px -240px; }
.serviceIlist a:hover .bot { width: 80px; }
.serviceIlist a:hover .y1 { opacity: 0; transform: scale(1.3); -webkit-transform: scale(1.3); }
.serviceIlist a:hover .y2 { opacity: 1; transform: scale(1); -webkit-transform: scale(1); visibility: visible; }
.serviceIcon { width: 100%; margin: 0px auto; text-align: center; color: #969696; line-height: 1.5; padding-bottom: 36px; }
.serviceIcon a:link, .serviceIcon a:visited { color: #323232; }
.serviceIcon a:active, .serviceIcon a:hover { color: #E60012; }
.transbg { background-repeat: no-repeat; background-size: cover; background-position: center center; background-attachment: fixed; }


#serPage3 { padding: 10px 0px 0px; color: #323232; }
.serT { text-align: center; font-size: 50px; color: #323232; line-height: 1.4; }
.serB { width: 82px; margin: 50px auto; display: block; background-color: #aaaaaa; height: 1px; }
.serB2 { width: 70px; margin: 30px auto 50px; display: block; background-color: #aaaaaa; height: 3px; }
.f18 { font-size: 16px; }
.inner{width:100%; margin: 0 auto}
.linianBox { border-bottom: 1px solid #aaaaaa; border-top: 1px solid #aaaaaa; padding: 25px 0px; text-align: center; width: 100%; margin: 0px auto 0; }
.linian2 { padding: 70px 0px; }
.linianImg2 { width: 106%; margin: 0px auto; }
.linianImg2 li { float: left; display: block; width: 100%; position: relative; overflow: hidden; }
.linianImg2 .img { width: 100%; display: block; }
.linianImg2 .bg {  background: none rgba(45,98,186,0.9); position: absolute; left: 0px; top: 0px; width: 0%; height: 100%; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; }
.linianImg2 .t { position: absolute; left: 8%; top:16%; width: 84%; color: #323232; font-size: 16px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; }
.linianImg2 .t .by { font-size: 28px; color: #000; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; }
.linianImg2 .b { position: absolute; left: 100%; bottom: 7%; width: 80%; color: #fff; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; opacity: 0; }
.linianImg2 .b .bot { height: 1px; width: 62px; display: block; background-color: #fff; margin-bottom: 30px; }
.linianImg2 li:hover .t, .linianImg2 li:hover .by { color: #fff; }
.linianImg2 li:hover .bg { width: 100%; }
.linianImg2 li:hover .b { left: 8%; opacity: 1; }

/*se_pindao*/
.se_pindao{  padding:0 0 0 0 }
.se_pindao ul{ width:100%; margin:0 auto; }
.se_pindao li{ width:100%; float:left; margin:0 0 10px 0;  cursor:pointer}
.se_pindao_pic{ width:95%; margin:0 auto; overflow:hidden; background:#fff }
.se_pindao_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_pindao_pic:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.se_pindao_text{ width:100%; margin:0 auto; padding:5px 20px; box-sizing:border-box;-webkit-box-sizing:border-box; background:#fff ; }
.se_pindao_text h3{ font-size: 13px;line-height:25px;color: #555; font-weight:normal; text-align:center}
.se_canshu{ line-height:33px; padding:0 0 0 40px; color:#555; font-size:15px;}


	
/*PC端不显示的内容*/	
.huayi_news_pc,.huayi_ad_pc,.end_bg_pc,.huyi_hezuo_pc,.levawr,.header,.kairui_banner,.huayi_computer,.picBox{display: none;}
.huayi_list_pc{display: none;}
.huayi_list_phone{width:100%}
.huayi_list_phone li{width:25%;}
.huayi_list_phone li img{max-width:100%}

.sy_lm42{width:100%; font-size:42px;  text-align: center; color:#2b5eb7;margin-top: 25px;}
.sy_en16{font-family: Arial;font-size:16px; color: #b4b4b4; text-align: center;width:100%; text-transform: uppercase; line-height: 36px}
/*宽屏end*/
.end_bg_pc{ background: #202020; height:300px; border-bottom: 8px #2b5eb7 solid}	
.phone_nav{width:100vw;height:100vh;position: absolute;top:0;left:0;z-index: 100;line-height: 100vh;text-align: center;display:block;background:rgba(255,255,255,0.5);}
.caidan{float:right; padding-top: 20px;padding-right: 8px;position:relative; }
.shou_back{ position:absolute; top:60px; left:-100px; opacity:0; z-index:999; background: rgba(0,0,0,.5);width:300px; text-align: left;   padding:15px 0 15px 40px;display:block}
.shou_back a{ color:#ccc; line-height: 26px; display:block}
.shou_back a:hover{ color:#fff}
.small_nav{width:99%; margin:0 auto}
.small_nav li{ float:left;width:33%; text-align:center; margin:10px 0}
.small_nav li a{ color:#444}
.small_nav li a:hover{ color:#f00}
.small_nav li img{width:80%}

.pw{ text-align: center}
.txts{width:98%; background: #ececec; margin-bottom: 15px; height: 100px; padding: 1%}
.pw .bailine{ background: #4aa1d6; height: 3px;width:40px; margin: 10px auto}
.tx{font-size:14px;}
.se_news_l img{display: none }
	
.sy_lmm{display:none}
.sy_lmm_small{width:100%; text-align: center}
.line{ background:#008cd6;width:60px; height: 6px; margin: 20px auto 0 auto}
.cp_lm_name,.newsnei_con{width:100%;display: none;}
.cp_lm_name_small{ text-align: center;margin: 0 auto;}

	.pro_lists{
		width:1280px;
		margin:0 auto;
	}
	.pro_li_p{
		padding-bottom:100px;
		width:23%;
		margin:0 1%;
		float:left;
	}
	.pro_li{
		position: relative;
	}
	.pro_img{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		z-index: 50;
		background: white;
		transition: all 0.5s linear 0.5s;
		text-align: center;
	}
	.pro_hide_img{
		position: relative;
		z-index: -1;
		opacity:0;
	}
	.pro_back{
		position: absolute;
		width:100%;
		height:100%;
		background: #fff;
		top:0;
		left:0;
		z-index:10;
		transition: all 0.5s linear 0.5s;
	}
	.pro_back>div{
		background: #ccc;
		position: absolute;
		transition: all 0.5s linear;
	}
	.pro_back .pro_top{
		height:5px;
		width:0;
		top:-5px;
		left:-5px;
	}
	.pro_back .pro_left{
		height:0;
		width:5px;
		top:-5px;
		left:-5px;
	}
	.pro_back .pro_bottom{
		height:5px;
		width:0;
		bottom:-5px;
		right:-5px;
	}
	.pro_back .pro_right{
		height:0;
		width:5px;
		bottom:-5px;
		right:-5px;
	}
	.pro_btm_v_line{
		position: absolute;
		top:100%;
		left:5px;
		width:2px;
		height:0;
		background:#ccc;
	}
	.pro_btm_f{
		width:40px;
		height:40px;
		opacity:1;
		background:#253A97;
		left:-10px;
		top:420px;
		position: absolute;
		z-index: 2001;
	}
	.pro_btm_arrow{
		position: absolute;
		top:420px;
		left:10px;
		line-height: 40px;
		height:40px;
		padding-left: 40px;
		width:240px;
		opacity: 1;
		background-image:url(/templates/net/images/jt1.png);
		background-size:32px 13px;
		background-position:0% 50%;
		background-repeat:no-repeat;
		z-index:2002;
	}
	.pro_img_top{
		position: absolute;
		bottom:100%;
		right:0;
		width:30px;
		height:30px;
		background-image:url(/templates/net/images/pro_top.jpg);
		background-size:100% 100%;
		background-position:50% 50%;
		background-repeat:no-repeat;
		opacity: 0;;
	}
	.pro_image{
		width:95%;
		margin:0 auto;
		z-index:200;
	}
	.pro_logo{
		position: absolute;
		width:0;
		height:0;
		background-image:url(/templates/net/images/a_logo.png);
		background-size:100% auto;
		background-position: 50% 50%;
		z-index:2000;
		top:50%;
		left:50%;
		margin-top:0;
		margin-left:0;
	}

.b_tiao{background: #fff; height: 2px;width:40px; margin: 10px auto; }
.bai28{font-size:24px;}
.tubiao{ background:#e50a0d;width:40px; height: 40px; margin: 20px auto; border-radius:50%;}
.tubiao img{ padding-top:5px}
	
	
	


.map{ width:100%; margin:0 auto;overflow:hidden;}
	
.binbox{ position: absolute; left: 7%; top:30%; color: #fff; }
.binbox .t{ color: #fff; font-size: 52px; line-height: 1.1; margin-bottom: 10px; overflow: hidden; font-family: "微软正黑体","Microsoft JhengHei"; font-weight: bold;}
.binbox .en{ line-height: 1.4; font-size: 18px; font-family: "pf_din_text_comp_proregular";}
.binbox .con{ height: 160px; overflow: hidden;}
.binbox .moreBox{ font-family: "pf_din_text_comp_proregular";}
.ny_about_l{float:left;width:100%}
.ny_about_r{ float:right;width:100%;font-size:16px; line-height: 30px; padding-top: 15px}
.about_top_l{ float:left;width:30%;  position: relative;}
.about_top_r{ float:right;width:70%; background: rgba(255,255,255,.9); padding: 20px 20px 50px 20px; position: absolute;right:2%;bottom:2%}
.se_news_r{ width:66%; position: relative; z-index: 1000; margin:0 20px 0 0}
.espcms_bookk img{width:99%}
.pro_lists{display:none;}
.se_cp_con{ padding:20px 0 20px 0;width:100%;margin:0 auto;}
.se_cp_con ul{ }
.se_cp_con li{  margin-bottom:15px;position:relative; overflow:hidden; cursor: pointer; margin:0 0 35px 0; position:relative; top:0; border-bottom: 1px solid #ddd;padding: 0 0 30px 0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; float:left;width:100%;}


.se_cp_l{ width:290px; position:relative; overflow:hidden; }
.se_cp_l img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_cp_con li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.se_cp_m{ width:55px; padding:15px; position:relative; overflow:hidden; font-size:20px; color:#fff; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; background:#372975;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}
.se_cp_m span{ display:block; font-size:24px; color:#fff; width:50px; position:relative; overflow:hidden; height:29px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}


.se_cp_r{ width: 860px; position: relative; z-index: 1000; margin:0 20px 0 0}
.se_cp_r h2{  font-size:14px; color:#888; font-weight:normal; padding:0 0 15px 0; z-index: 99999}
.se_cp_r h2 a{ font-size:24px; color:#333; text-transform:uppercase; display:block; }
.se_cp_r h2 a:hover{ color:#00489d;}
.se_cp_r p{ line-height:26px; color:#666; padding:10px 0 10px 0; font-size:15px;}
.se_news_r .se_cp_more{ width:100px; border:1px solid #e60012; line-height:40px; text-align:center; float:right}
.se_cp_r .se_cp_more a{ color:#d61010; font-size:16px;}

.se_cp_con li:hover .se_news_m{ background:#e60012; color:#fff}
.se_cp_con li:hover .se_news_m span{ color:#fff}
.se_cp_con li:hover .se_news_r h2 a{color:#f00;}
	
.three-d-box{width:90%; margin: 0 auto;}
.cptb{ padding-top:250px; z-index: 99999;font-size:13px;  text-align: center}

	
	
.se_pro_con{ width:100%; overflow:hidden;  position:relative; margin:0 auto; }
.se_pro_con ul{ width:100%; }
.se_pro_con li{ float:left; position:relative; width:310px; height:406px; overflow:hidden;top:100%; margin:0 15px 15px 0; border:5px #ccc solid !important; padding:8px}

.se_pro_con em{ font-style: normal; text-align:center; line-height:48px; width:280px; display:block; position:absolute; font-size:20px; color:#fff; font-weight:bold; z-index:3; bottom:0; background:rgba(0,0,0,0.4); right:0}

.se_pro_con .old{ width:310px; height:406px; position:relative; overflow:hidden;}

.se_pro_con li img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; position:absolute; top:0; left:0;}
.se_pro_con li .cp_k{ position:absolute; line-height:50px; background:rgba(0,0,0,0.7); text-align:center; width:100%; bottom:0; left:0; font-size:16px; color:#fff}
.se_pro_con li .cp_k a{ color:#fff }
.se_pro_con li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.se_pro_con .line1 {position: absolute;left: 0; top: 0; width: 0; height: 4px; z-index: 99; background-color: #000;}
.se_pro_con .line2 { position: absolute; right: 0; bottom: 0; width: 4px; height: 0; z-index: 99; background-color: #000;}
.se_pro_con .line3 { position: absolute;right: 0; bottom: 0; width: 0; height: 4px; z-index: 99; background-color: #000;}
.se_pro_con .line4 { position: absolute; left: 0; top: 0; width: 4px; height: 0; z-index: 99; background-color: #000;}
.se_pro_con li .se_pro_dd{ width:0; height:0; position:absolute; overflow:hidden; left:50%; top:50%;  text-align:center; font-size:16px; color:#fff; line-height:75px;}
.se_pro_con li .se_pro_dd a{ display:block; margin:0 auto; text-align:center; font-size:18px; color:#fff; line-height:65px; padding:30px 0 0 0; font-weight:bold;}
.se_news_l{ display:none }

}


/*PC宽屏自适应宽屏*/
@media only screen and (min-width:1001px){
.iphone-fix,.huayi_phone{display:none}	
.huayi_list_phnoe{display: none;}
.huayi_list_pc{width:100%}
.huayi_list_pc li{width:25%}
	

/*关于我们页面*/
.levawr{ position:relative; height:47px;}
.levals{ width:100%; text-align:center; position:relative; left:0; top:0; border-bottom:1px solid #cccccc; z-index:30; line-height:0; background:#fff;}
.levalfix{ display:inline-block; margin:auto;}
.levalfix li{ float:left; padding:0; line-height:1; position:relative;}
.levalfix li a{ display:block; padding:0 24px; height:47px; line-height:47px; text-align:center; color:#333333; font-size:16px; font-weight:bold; position:relative;}
.levalfix li a:before{ content:""; width:1px; height:14px; background:#999999; position:absolute; right:0; top:50%; margin-top:-7px; transition:0.28s;}
.levalfix li:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#2168ba; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .42s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .42s cubic-bezier(.4,0,.2,1); transition: transform .42s cubic-bezier(.4,0,.2,1); transition: transform .42s cubic-bezier(.4,0,.2,1),-webkit-transform .42s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.levalfix li:hover:before,.levalfix li.current:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.levalfix li:hover a,.levalfix li.current a{ color:#fff;}
.levalfix li:hover a:before,.levalfix li.current a:before{ opacity:0; visibility:hidden;}
	
.profile-box{ padding:20px 0; background:#fff; position:relative;}
.profile{ text-align:center;} 
.commont h3{ line-height:1; color:#666666; font-size:24px; font-weight:bold; text-align:center; margin-bottom:12px;}
.commont small{ display:block; text-align:center; line-height:1; text-transform:uppercase; color:#999999; font-size:12px; font-family:"Arial"; font-weight:bold;}
.companys{ display:inline-block; margin:auto; margin-top:76px;}
.company-info{ float:left; text-align:center;}
.company-info strong{ display:block; text-align:center; line-height:1; color:#2168ba; font-size:72px; font-weight:bold; font-family:"Futura-Md-BT";}
.company-info p{ color:#666666; font-size:14px; text-align:center; margin-top:6px; line-height:1;}
.compwr{ float:left; width:10px; height:10px; background:url(../img/arrow3.png) center no-repeat; margin:28px 62px 0;}
.profixdown{ margin-top:60px; text-align:center;}
.profixdown p{ text-align:center; color:#666; font-size:14px; width:740px; margin:auto;font-family:Arial; line-height: 28px;}
.checkm{ width:166px; margin:auto; margin-top:54px; border-radius:22px; border:2px solid #2168ba; position:relative;}
.checkm:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#2168ba; border-radius:18px; transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); visibility:hidden; transition:0.32s ease-in-out;}
.checkm a,.checkm span{ display:block; text-align:center; color:#2168ba; position:relative; z-index:4; font-size:14px; line-height:40px; height:40px;}
.checkm a b,.checkm span b{ display:inline-block; margin-left:26px; width:6px; height:9px; background:url(../img/arrow4.png) center no-repeat; margin-left:26px; transition:0.34s; position:relative; left:0;}
.checkm:hover:before{ visibility:visible; transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1);}
.checkm:hover a,.checkm:hover span{ color:#fff;}
.checkm:hover a b,.checkm:hover span b{ background:url(../img/arrow5.png) center no-repeat; left:5px;}


/*发展历程*/	
	
.development-box{ padding:44px 0 44px; overflow:hidden; background-repeat:no-repeat;}
.development-box .commont h3,.development-box .commont small{ color:#fff;}
.develop{ width:96.56%; margin:auto; position:relative; margin-top:70px;}
.developwr{ position:relative; }
.developinfo{ width:281px;float:left; height:100%; position:relative; max-width:280px !important;}
.develtop{ height:360px; margin-left:28px; padding-left:20px; position:relative;}
.developer p{ color:#ffffff; font-size:14px; line-height: 23px;}
.developer .develindown{ position:relative; top:-4px;}
.developer strong{ display:block; color:#fff; font-size:24px; font-weight:normal; font-family:"Futura-Md-BT"; line-height:1; position:absolute; left:0; bottom:-242px;}


.slick-list{ overflow:hidden;}
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table;}
.slick-track:after { clear: both;}
.developwr .slick-prev,.developwr .slick-next{ display:block; padding:0; margin:0; border:none; width:48px; height:48px; border-radius:50%; position:absolute; top:50%; margin-top:-25px; text-indent:9999px; overflow:hidden; cursor:pointer; transition:0.38s; outline:none;}
.developwr .slick-prev{ left:0; background:#fafcfe url(../img/arrow6.png) center no-repeat;}
.developwr .slick-next{ right:0; background:#fafcfe url(../img/arrow7.png) center no-repeat;}
.developwr .slick-prev:hover{ background:#be691d url(../img/arrow8.png) 16px center no-repeat; }
.developwr .slick-next:hover{ background:#be691d url(../img/arrow9.png) 20px center no-repeat; }

.honor-box{ padding-top:30px; background:#fff; position:relative;}
.honor{ margin-top:28px; position:relative;}
.honorimg{ width:50%; float:left; line-height:0;}
.honorimg img{ display:block; width:100%; height:auto;}
.honorlist{ width:50%; position:absolute; right:0; top:0; height:100%; background:url(../img/zz.jpg) center no-repeat;}
.honorwr{ width:602px; margin:auto; height:450px; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.honortext{ height:144px; margin:0 8px;}
.honortext p{ color:#333333; font-size:14px; line-height:2;}

.honorfix{ position:relative;}

.philosophy-box{ padding:30px 0 50px; background:#fafcfe;}
.philosofix{ width:80%; margin:auto; margin-top:35px;}
.philosofix p{ color:#666; font-size:16px; text-align:center; line-height: 28px;}
.philosoban{ margin-top:50px; position:relative;}
.philoso-info{ float:left;}
.philowr{ margin:0 20px; overflow:hidden;}
.philowr figure{ display:block; line-height:0; overflow:hidden;}
.philowr figure img{ display:block; transition:0.5s; width:100%; height:auto; line-height:0;}
.philodown{ padding:20px 40px; border:2px solid #eaeaea; border-top:none;}
.philodown span{ display:block; color:#333333; font-size:16px; height:66px;  line-height: 30px; overflow:hidden;}
.philosoban .slick-prev,.philosoban .slick-next{ display:block; padding:0; margin:0; border:none; width:48px; height:48px; border-radius:50%; position:absolute; top:50%; margin-top:-25px; text-indent:9999px; overflow:hidden; cursor:pointer; transition:0.38s; outline:none;}
.philosoban .slick-prev{ left:-75px; background:#999999 url(../img/arrow8.png) center no-repeat;}
.philosoban .slick-next{ right:-75px; background:#999999 url(../img/arrow9.png) center no-repeat;}
.philosoban .slick-prev:hover{ background:#be691d url(../img/arrow8.png) 16px center no-repeat; }
.philosoban .slick-next:hover{ background:#be691d url(../img/arrow9.png) 20px center no-repeat; }
.philowr:hover figure img{ transform:scale(1.03); -webkit-transform:scale(1.03); -moz-transform:scale(1.03);}
	
	
	
/*PC工程案例滚动*/
.espcms_piclist_slide1 {overflow: hidden;padding:0px 14px 40px 14px;height:450px; width:90%; margin: 20px auto 25px}
.espcms_piclist_slide1 ul li{float: left;margin: 0 10px 15px 0;text-align: center; position:relative;}
.espcms_piclist_slide1 li .pic { width:360px; height:270px; margin:0 auto}
.espcms_piclist_slide1 li  .pic img { width:360px; height:270px;}
.espcms_piclist_slide1 li  p{ text-align:center; line-height:55px; font-size:14px;z-index:99;position:relative; background:#ececec }
.espcms_piclist_slide1 li  p a{ color:#444444; font-size:16px;}
.espcms_piclist_slide1 li p:hover{ background:#2b5eb7 }
.espcms_piclist_slide1 li p:hover  a{ color:#fff }
.espcms_piclist_slide1 li .case_more{ width:60px; margin:0 auto; height:18px; line-height:18px; text-align:center; color:#a9a9a9; font-size:12px; text-transform:uppercase; border:1px solid #604a32;z-index:99;position:relative}
.espcms_piclist_slide1 li .case_more a{ color:#604a32;}
.espcms_piclist_slide1 li .case_more div a{ color:#a9a9a9;}
.ny_sb{width:500px; margin: 0 auto; text-align:center; padding-top:30px}

/*PC关于我们资质滚动*/
.espcms_piclist_slide21 {overflow: hidden;height:450px; width:100%; margin: 20px auto 25px}
.espcms_piclist_slide21 ul li{float: left;margin: 0 10px 15px 0;text-align: center; position:relative;}
.espcms_piclist_slide21 li .pic { width:200px; height:270px; margin:0 auto}
.espcms_piclist_slide21 li  .pic img { width:200px; height:270px;}
.espcms_piclist_slide21 li  p{ text-align:center; line-height:55px; font-size:14px;z-index:99;position:relative; background:#ececec }
.espcms_piclist_slide21 li  p a{ color:#444444; font-size:16px;}
.espcms_piclist_slide21 li p:hover{ background:#2b5eb7 }
.espcms_piclist_slide21 li p:hover  a{ color:#fff }
.espcms_piclist_slide21 li .case_more{ width:60px; margin:0 auto; height:18px; line-height:18px; text-align:center; color:#a9a9a9; font-size:12px; text-transform:uppercase; border:1px solid #604a32;z-index:99;position:relative}
.espcms_piclist_slide21 li .case_more a{ color:#604a32;}
.espcms_piclist_slide21 li .case_more div a{ color:#a9a9a9;}
.ny_sb{width:500px; margin: 0 auto; text-align:center; padding-top:30px}
	
	
/*PC首页新闻*/
	.pc_huayi_news{width:90%; margin: 0 auto;}
	.pc_huayi_news .img_pic{width:40%; background: url("../img/w6.jpg") left center; height: 300px; }
	.pc_huayi_news .zixun_list{width:55%;}
	.pc_huayi_news .zixun_list li{font-size:16px; line-height:42px;}
	.pc_huayi_news .zixun_list li a{color:#666}
	.pc_huayi_news .zixun_list li a:hover{color:#f00}

/*PC端se_pindao*/
.se_pindao{  padding:0 0 0 0 }
.se_pindao ul{ width:100%; margin:0 auto; }
.se_pindao li{ width:calc(100%/2); float:left; margin:0 0 40px 0;  cursor:pointer;}

.se_pindao_pic{ width:95%; margin:0 auto; overflow:hidden; background:#fff ; height:100%}
.se_pindao_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_pindao_pic:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.se_pindao_text{ width:99%; margin:0 auto; padding:15px 10px; box-sizing:border-box;-webkit-box-sizing:border-box; background:#fff ;border-bottom: 3px #ccc solid;}
.se_pindao li:hover .se_pindao_text{ background:#5377b9 ;border-bottom: 3px #5377b9 solid;}
.se_pindao li:hover .se_pindao_text h3{ color:#fff;}
.se_pindao_text h3{ font-size: 15px;line-height:45px;color: #555; font-weight:normal; text-align:center}
.se_canshu{ line-height:33px; padding:0 0 0 40px; color:#555; font-size:15px;}
/*pc端gotop*/
.p_float{ position:fixed; width:50px; bottom:20px;  right:20px; z-index:9999; opacity:0}
.p_float li{ height:50px; width:50px; text-align:center; background:rgba(41,132,207,1); position:relative; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; border-radius:5px;}

.p_float li i{ display:block; width:50px; height:50px; z-index:2; position:relative}
.p_float li:hover{ background:rgba(51,51,51,1); }
.p_float li i.fl_top{ background:url(../images/tt.png) no-repeat center center;}

	
/*se_pindao*/
.s_pindao{  padding:0 0 0 0 }
.s_pindao ul{ width:100%; margin:0 auto; }
.s_pindao li{ width:calc(100%/4); float:left; margin:0 0 40px 0;  cursor:pointer;  height: 400px; }
.s_pindao_pic{ width:95%; margin:0 auto; overflow:hidden; background:#fff ; height:100%}
.s_pindao_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.s_pindao_pic:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.s_pindao_text{ width:95%; margin:0 auto; padding:5px 20px 5px 20px; box-sizing:border-box;-webkit-box-sizing:border-box; background:#fff ; }
.s_pindao_text h3{ font-size: 18px;line-height:45px;color: #555; font-weight:normal; text-align:center}
.s_canshu{ line-height:33px; padding:0 0 0 40px; color:#555; font-size:15px;}


/*服务中心*/	

.serviceIlist a:link, .serviceIlist a:visited { color: #787878; }
.serviceIlist a:active, .serviceIlist a:hover { color: #fff; }
.serviceIlist { width: 100%; margin: 52px auto 0px; }
.serviceIlist dd { float: left; display: block; width: 25%; margin-bottom: 35px; }
.serviceIlist a { width: 193px; height: 193px; position: relative; margin: 0px auto; display: block; }
.serviceIlist .y1 { background: url(../img/y1.png) no-repeat; }
.serviceIlist .y2 { background: url(../img/y2.png) no-repeat; }
.serviceIlist .y1, .serviceIlist .y2 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; z-index: 1; }
.serviceIlist .y2 { opacity: 0; transform: scale(0.7); -webkit-transform: scale(0.7); visibility: hidden; }
.serviceIlist .txt { position: absolute; top: 15%; z-index: 2; left: 0px; width: 100%; text-align: center; }
.serviceIlist .ico { width: 80px; height: 80px; margin: 0px auto; display: block; background: url(../img/ico2.png) no-repeat; z-index: 3; -webkit-transition: 0.4s; transition: 0.4s; }
.serviceIlist .bot { width: 0px; height: 1px; background-color: #fff; margin: 5px auto 15px; display: block; }
.serviceIlist .lin1 .ico { background-position: 0px 0px; }
.serviceIlist .lin2 .ico { background-position: 0px -80px; }
.serviceIlist .lin3 .ico { background-position: 0px -160px; }
.serviceIlist .lin4 .ico { background-position: 0px -240px; }
.serviceIlist .lin1 a:hover .ico { background-position: -80px 0px; }
.serviceIlist .lin2 a:hover .ico { background-position: -80px -80px; }
.serviceIlist .lin3 a:hover .ico { background-position: -80px -160px; }
.serviceIlist .lin4 a:hover .ico { background-position: -80px -240px; }
.serviceIlist a:hover .bot { width: 80px; }
.serviceIlist a:hover .y1 { opacity: 0; transform: scale(1.3); -webkit-transform: scale(1.3); }
.serviceIlist a:hover .y2 { opacity: 1; transform: scale(1); -webkit-transform: scale(1); visibility: visible; }
.serviceIcon { width: 670px; margin: 0px auto; text-align: center; color: #969696; line-height: 1.5; padding-bottom: 36px; }
.serviceIcon a:link, .serviceIcon a:visited { color: #323232; }
.serviceIcon a:active, .serviceIcon a:hover { color: #E60012; }
.transbg { background-repeat: no-repeat; background-size: cover; background-position: center center; background-attachment: fixed; }
	
#serPage3 { padding: 70px 0px 0px; color: #323232; }
.serT { text-align: center; font-size: 50px; color: #323232; line-height: 1.4; }
.serB { width: 82px; margin: 50px auto; display: block; background-color: #aaaaaa; height: 1px; }

.serB2 { width: 70px; margin: 30px auto 50px; display: block; background-color: #aaaaaa; height: 3px; }
.f18 { font-size: 16px; }

.inner{width:100%; margin: 0 auto}
.linianBox { border-bottom: 1px solid #ececec; border-top: 1px solid #ececec; padding: 25px 0px; text-align: center; width: 100%; margin: 0px auto 0; }
.linian2 { padding: 70px 0px; }
.linianImg2 { width: 100%; margin: 0px auto; }
.linianImg2 li { float: left; display: block; width: 50%; position: relative; overflow: hidden; }
.linianImg2 .img { width: 100%; display: block; }
.linianImg2 .bg {  background: none rgba(45,98,186,0.9); position: absolute; left: 0px; top: 0px; width: 0%; height: 100%; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; }
.linianImg2 .t { position: absolute; left: 8%; top: 6%; width: 84%; color: #323232; font-size: 16px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; }
.linianImg2 .t .by { font-size: 32px; color: #000; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; }
.linianImg2 .b { position: absolute; left: 100%; bottom: 7%; width: 80%; color: #fff; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; opacity: 0; }
.linianImg2 .b .bot { height: 1px; width: 62px; display: block; background-color: #fff; margin-bottom: 30px; }
.linianImg2 li:hover .t, .linianImg2 li:hover .by { color: #fff; }
.linianImg2 li:hover .bg { width: 100%; }
.linianImg2 li:hover .b { left: 8%; opacity: 1; }
.header{ position: absolute;
  width: 100%;
  height:80px;
  z-index: 15;
  left: 0;
  top: 0%;
  background-color: rgba(0, 0, 0, 0.38);
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -moz-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -o-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform-origin: 50% 0;}
	
}
.header .logo {
    position: absolute;
     top:0; ;width:202px;
    bottom: 0;
    margin: auto;
    margin-left: 2%;
	z-index: 1000;}

.header .logo > img { position: absolute;top:0; left:2%; bottom: 0; margin: auto; }
.header .logo img{max-width:100%; padding-top: 8px}
.header .top_r{
	width:80%;
    top: 0;
    bottom: 0;
    margin: auto;
	z-index: 1000;
	
}
.header .nav {
    height: 1rem;width:80%;
    position: relative;
    z-index: 1000;
    float: left;
    transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
    -moz-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
    -o-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
}
.header .nav li{    float:left; text-align: center}
.header .nav li a{color:#fff;font-size:14px;}
.header .nav li a:hover{color:#ccc}


.otherItem{width：10%; margin-right: 2%; color:#e5e5e5; background: url("../img/banben.png") left no-repeat; padding-left: 40px}
.otherItem a{color:#e5e5e5;height: 21px;line-height: 21px;font-size:14px;}
.addMore {
    position: absolute;
    width: 0.68rem;
    height: 0.68rem;
    left: 4rem;
    border-radius: 50%;
    line-height: 0.68rem;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    cursor: pointer;
    display: inline-block;
    transition-origin: 50% 50%;
    transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
    -moz-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
    -o-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
}
a[href], [data-ahref] {
    cursor: pointer;
}
.picBox { overflow: hidden; }
.picBox > .backImg {
  transition: all 0.5s cubic-bezier(0.7, 0.01, 0.3, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.7, 0.01, 0.3, 1);
  -moz-transition: all 0.5s cubic-bezier(0.7, 0.01, 0.3, 1);
  -o-transition: all 0.5s cubic-bezier(0.7, 0.01, 0.3, 1);
  height: 100%;
  width: 100%;
}
.picBox:hover > .backImg {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
}


.Tmsg { position: absolute;left: 10%; bottom: 20%;z-index: 1000;width: 32rem;}
.Tmsg > div:nth-child(1) .list {display: none;}
.Tmsg > div:nth-child(1) .list > span {
  font-size: 3.2rem;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 1px 1px #000000;
  display: block;
}
.Tmsg > div:nth-child(1) .list > small {
  font-size: 0.36rem;
  color: rgba(255, 255, 255, 0.35);
  letter-spacing: 5px;
  text-transform: uppercase;
  font-family: En_bold;
}
.Tmsg > div:nth-child(1) .list.show { display: inline-block;}
.huadong_more {
  font-size: 1rem;
  padding-left: 2rem;
  position: relative;
  color: #fff;
  height: 0.28rem;
  line-height: 1rem;
  margin: 40px 0;
}
.huadong_more:after {
  content: '';
  position: absolute;
  width: 18px;
  height: 28px;
  border-radius: 50px;
  left: 5px;
  background-color: #262626;
  top: -4px;

}
#indexBanner .Tmsg > div:nth-child(2):before {
  content: "";
  position: absolute;
  width: 2px;
  height: 7px;
  left: 13px;
  top: 7px;
  background-color: #ffffff;
  border-radius: 50px;
  z-index: 5;
  -webkit-animation: Tmouse 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
  animation: Tmouse 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
}


@-webkit-keyframes Tmouse {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-5px);
  }
}
@keyframes Tmouse {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
.Tmsg > div:nth-child(3) {
  width: 100%;
  height: 1px;
  position: relative;
  background-color: rgba(0, 0, 0, 0.2);
  margin: 60px 0;
}
.Tmsg > div:nth-child(3):after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.3);
  bottom: -1px;
  left: 0;
}
.Tmsg > div:nth-child(4) {
  line-height: 34px;
  position: relative;
}
.Tmsg > div:nth-child(4) > span {
  font-size: 18px;font-weight: lighter;
  color: #fff;
  display: block;
}
.Tmsg > div:nth-child(4) > small {
  font-size: 30px;
  color: #fff;
  font-weight: bold;
}
.Tmsg > div:nth-child(4) > .addMore {
  position: absolute;
  width: 0.68rem;
  height: 0.68rem;
  left: 4rem;
  border-radius: 50%;
  line-height: 0.68rem;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  cursor: pointer;
  display: inline-block;
  transition-origin: 50% 50%;
  transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -moz-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -o-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
}
.Tmsg > div:nth-child(4) > .addMore > i {
  font-size: 0.24rem;
  color: #fff;
}
.Tmsg > div:nth-child(4) > .addMore:hover {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}

#indexBanner .go {
  -webkit-filter: blur(12px);
  filter: blur(12px);
  transform: scale(1.2);
  opacity: 1;
  -webkit-animation: scaleDownFadeIn 1s forwards ease;
  animation: scaleDownFadeIn 1s forwards ease;
}
.content .rowMain {
  max-width: 1200px;
  margin: auto;
  overflow: hidden;
  box-sizing: content-box;
  position: relative;
  padding: 0px 5%;
  z-index: 2000;
  padding-bottom: 36px;
}
.content .row {
  margin: auto;
  padding: 20px 5%;
  box-sizing: content-box;
  position: relative;
  overflow: visible;
}



/*华艺list*/
.iboxList { overflow: hidden;  }
.iboxList dd { float: left; display: block; width: 25%; overflow: hidden;}
.iboxList dd .item { margin-left: 5px; background-color: #fff;  }
.iboxList .picBox a:link, .iboxList .picBox a:visited { color: #fff;  }
.iboxList .picBox a:active, .iboxList .picBox a:hover { color: #fff; }
.iboxList .picBox a { width: 100%; display: block; background-repeat: no-repeat; background-size: cover; background-position: center center; display: block;  position: relative; overflow: hidden;}
.iboxList .picBox .img { width: 100%; display: block;  }


.iboxList .picBox .name { font-size: 18px; position: absolute; left: 5%; top:5%; }
.iboxList .picBox .name img { width: 100%; display: block; transition-duration: 0.5s; }
.iboxList .picBox .name img:hover{transform: rotateY(180deg);}

.iboxList .picBox .txt { font-size: 18px; position: absolute; left: 5%; top:23%; }
.iboxList .picBox .lan_tiao{ background: #2963bf; height: 4px; width:60px;position: absolute; left: 5%;top:34%;}
.iboxList .picBox .bg { background-color: #2963bf; opacity: 0; filter: alpha(opacity=0); width: 100%; height: 0%; opacity: 0; position: absolute; left: 0px; top: 50%; }
.trans { -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;}
.iboxList .picBox:hover .img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.iboxList .picBox:hover .bg { height: 100%; top: 0%; opacity: 0.5; filter: alpha(opacity=50); }

/*首页产品*/
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }

.moreR { position: absolute; right: 0px; bottom: 10%; display: block; width: 236px; padding: 0px 18px; height: 70px; line-height: 70px; font-size: 14px; color: #323232; background-color: #ffffff; z-index: 10; }
.moreR .ico { background: url(../img/more_rico.png) no-repeat; width: 24px; height: 24px; position: absolute; right: 18px; top: 50%; margin-top: -12px; }
.moreR:hover { background-color: #2963bf; color: #fff; }
.moreR:hover .ico { right: 8px; background-image: url(../img/more_rico2.png); }
.productIpage { position: relative; }
.productIdemo .black { position: absolute; left: 0px; top: 0px; width: 50%; height: 100%; background: url(../img/black_2.png) repeat; background: none rgba(0,0,0,0.5); }
.productIList a:link, .productIList a:visited { color: #fff; }
.productIList a:active, .productIList a:hover { color: #fff; }
.productIList dd { color: #fff; }
.productIList a { position: relative; padding-left: 20%; height: 130px; display: block; float: left; }
.productIList .red-bg { position: absolute; left: 0px; top: 0px; width: 0%; height: 100%; background: url(../img/red_2.png) repeat; background: none rgba(41,99,191,0.9); transition: 300ms; -webkit-transition: 300ms; }
.productIList .ico { width: 140px; height: 80px; position: absolute; left: 0px; top: 0px; padding: 26px 0px; }
.productIList .ico .bg { position: absolute; width: 100%; height: 100%; background-color: #2851a3; left: 0px; top: 0px; transform: scale(0.5) rotate(0); -webkit-transform: scale(0.5) rotate(0); -moz-transform: scale(0.5) rotate(0); opacity: 0; transition: 600ms; -webkit-transition: 600ms; }
.productIList .ico .i { background: url(../img/ico.png); width: 80px; height: 80px; margin: 0px auto; position: relative; z-index: 5px; display: block; }
.productIList .ico .i1 { background-position: 0px 0px; }
.productIList .ico .i2 { background-position: 0px -80px; }
.productIList .ico .i3 { background-position: 0px -160px; }
.productIList .ico .i4 { background-position: 0px -240px; }
.productIList .ico .i5 { background-position: 0px -320px; }
.productIList .ico .i6 { background-position: 0px -400px; }
.productIList .con { display: block; padding: 0px 140px 0px 208px; width: 508px; position: relative; height: 130px; }
.productIList .t { font-size: 16px; line-height: 1; padding: 40px 0px 20px; transition: 300ms; -webkit-transition: 300ms; }
.productIList .t .zh { transition: 300ms; -webkit-transition: 300ms; }
.productIList .t .en i { padding-left: 5px; transition: 300ms; -webkit-transition: 300ms; background: url(../img/line.png) no-repeat scroll left center; margin: 0px 5px 0px 12px; }
.productIList .c { height: 25px; overflow: hidden; transition: 300ms; -webkit-transition: 300ms; opacity: 0; visibility: hidden; }
.productIList .line { display: block; background: #fff; position: absolute; transition: 300ms; -webkit-transition: 300ms; opacity: 0; visibility: hidden; }
.productIList .line_1 { width: 28px; height: 1px; top: 50%; right: 57px; margin-top: -1px; transform: translateX(30px); -webkit-transform: translateX(30px); }
.productIList .line_2 { width: 1px; height: 28px; top: 50%; margin-top: -14px; right: 70px; transform: translateY(30px); -webkit-transform: translateY(30px); }
.productIList a:hover .red-bg { width: 100%; transition: 600ms; -webkit-transition: 600ms; }
.productIList a:hover .line { transform: translate(0); -webkit-transform: translate(0); visibility: visible; opacity: 1; transition: 300ms ease-in 600ms; -webkit-transition: 300ms ease-in 600ms; }
.productIList a:hover .ico .bg { transform: scale(1) rotate(180deg); -webkit-transform: scale(1) rotate(180deg); -moz-transform: scale(1) rotate(180deg); opacity: 1; }
.productIList a:hover .t { padding-top: 30px; }
.productIList a:hover .t .zh { font-size: 22px; }
.productIList a:hover .t .en i { padding-left: 42px; }
.productIList a:hover .c { opacity: 1; visibility: visible; }
.telbox a:link, .telbox a:visited { color: #2963bf; }
.telbox a:active, .telbox a:hover { color: #2963bf; }
.telbox { text-align: center; color: #646464; background-color: #e0e0e0; padding: 20px 0px; overflow: hidden; }
.telbox .tel { padding-left: 45px; display: inline-block; }
.telbox .tel { font: 40px/1.4 "humanist_521_lightregular","microsoft yahei"; -webkit-animation: telc 1s linear infinite; animation: telc 1s linear infinite; color: #2963bf; }

@-webkit-keyframes telc {
    0% { -webkit-transform: scale(1); }
    25% { -webkit-transform: scale(1.08); }
    50% { -webkit-transform: scale(1.15); }
    75% { -webkit-transform: scale(1.08); }
    100% { -webkit-transform: scale(1); }
}

@-moz-keyframes telc {
    0% { -moz-transform: scale(1); }
    25% { -moz-transform: scale(1.08); }
    50% { -moz-transform: scale(1.15); }
    75% { -moz-transform: scale(1.08); }
    100% { -moz-transform: scale(1); }
}

@keyframes telc {
    0% { transform: scale(1); }
    25% { transform: scale(1.08); }
    50% { transform: scale(1.15); }
    75% { transform: scale(1.08); }
    100% { transform: scale(1); }
}



/*首页华艺简介*/
.transbg { background-repeat: no-repeat;  background-position: top center; }
.companyIpage { padding: 8% 0px 18%; position: relative; }
.companyIbox .yy { background: url(../img/yy.png) repeat; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }
.companyIbox a:link, .companyIbox a:visited { color: #000; }
.companyIbox a:active, .companyIbox a:hover { color: #000; }
.cinner { width: 1100px; margin: 0px auto; }
.companyIbox .cinner { margin: 0px auto; position: relative; z-index: 2; }
.companyIbox .t { font: bold 50px/1.2 "microsoft yahei"; color: #4e73b4; margin-bottom: 20px; }
.companyIbox .c { color: #000; width: 50%; line-height: 30px; }

.huayi_about_list { width: 300px;  position: absolute; right:0; top:0 }
.huayi_about_list li{width:150px; height: 150px;float:left; display: block; text-align: center; color:#fff;transition-duration: 0.5s;}
.huayi_about_list li img{ padding-top:40px;transition-duration: 0.5s;}
.huayi_about_list li:hover img{transform: rotateY(360deg);}
.bg_bule{background:rgba(43,94,183,.8); display: block;}
.bg_hei{background:rgba(30,30,30,.8); }



.aboutType { position: relative; top: -14px; }
.aboutType dd { float: left; display: block; width: 50%; }
.responsibilityIbox a:link, .responsibilityIbox a:visited { color: #000; }
.responsibilityIbox a:active, .responsibilityIbox a:hover { color: #000; }
.responsibilityIbox a { display: block; height: 205px; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; }
.responsibilityIbox .t { position: absolute; left: 5%; top: 18px; }
.responsibilityIbox .ico { width: 34px; height: 34px; position: absolute; left: 50%; top: 50%; margin: -17px 0px 0px -17px; }
.responsibilityIbox .bg { background-color: #2b5eb7; border-radius: 50%; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.responsibilityIbox .i { background: url(../img/more_i2.png) no-repeat scroll center center; width: 11px; height: 11px; display: block; position: absolute; left: 50%; top: 50%; margin: -5px 0px 0px -5px; }
.responsibilityIbox:hover .bg { transform: scale(1.4); -webkit-transform: scale(1.4); }
.responsibilityIbox:hover .i { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
.trans {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.trans, .trans:hover {
    -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -ms-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.historyIbox { height: 205px; background-color: #fff; padding: 0px 5%; }
.historyIbox .t { padding-top: 18px; color: #000; margin-bottom: 50px; }
.historyIbox a:link, .historyIbox a:visited { color: #646464; }
.historyIbox a:active, .historyIbox a:hover { color: #000; }
.historyIlist li { float: left; display: block; width: 33.33%; background: url(../img/line2.gif) repeat-x scroll left 15px; }
.historyIlist .item { padding: 0px 0px 0px 12px; background-color: #fff; width: 68px; display: block; color: #646464; }
.historyIlist li.lin1 .item { padding-left: 0px; }
.historyIlist li.lin2 .item { margin: 0px auto; }
.historyIlist li.lin3 .item { float: right; width: auto; }
.historyIlist .year { color: #2963bf; font: 25px/1.2 "humanist_521_lightregular","microsoft yahei"; display: block; }
.brandIbox { position: relative; }
.brandIbox .moreBot { padding: 0px 5%; position: relative; height: 36px; line-height: 36px; color: #fff; background-color: #2963bf; -webkit-transform: perspective(600px) rotateX(-90deg); -moz-transform: perspective(600px) rotateX(-90deg); -ms-transform: perspective(600px) rotateX(-90deg); transform: perspective(600px) rotateX(-90deg); -webkit-transform-origin: center top 0; -moz-transform-origin: center top 0; -ms-transform-origin: center top 0; transform-origin: center top 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; transition: all .3s ease 0s; visibility: hidden; }
.brandIbox .moreBot .i { background: url(../img/more_i2.png) no-repeat; width: 17px; height: 17px; position: absolute; top: 50%; margin-top: -8px; right: 5%; }
.brandIbox .brandA { position: absolute; display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.brandIbox:hover .moreBot { visibility: visible; -webkit-transform: perspective(600px) rotateX(0deg); -moz-transform: perspective(600px) rotateX(0deg); -ms-transform: perspective(600px) rotateX(0deg); transform: perspective(600px) rotateX(0deg); }
.storyPageIbox .pageC { text-align: center; margin: 0px auto; }
.storyPageIboxt { border: 2px solid #cd000f; padding: 30px 48px 60px; width: 374px; position: relative; top: -76px; background-color: #fff; left:20%}
.storyPageIboxt .mz { font: 20px/1.5 "humanist_521_lightregular","microsoft yahei"; color: #969696; text-transform: uppercase; }
.storyPageIboxt .t { font-size: 30px; color: #cd000f; }
.storyPageIboxt .bot { height: 4px; background-color: #cd000f; width: 44px; margin-bottom: 32px; }
.storyPageIboxt .c { color: #787878; }
.storyPageIbox { position: relative; padding-bottom: 0px; }
.storyPageIbox .moreR { background-color: #cd000f; color: #fff; bottom: 80px; }
.storyPageIbox .moreR .ico { background-image: url(../img/more_rico2.png); }
.storyPageIDL dd { margin-bottom: 0%; }
.storyPageIDL .img { float: right; display: block; width: 35%; }
.storyPageIDL .img img { width: 100%; display: block; }
.storyPageIDL .con { float: left; display: block; width: 65%; margin-top: 128px; background-color: #eeeeee; position: relative; height: 395px; }
.storyPageIDL .con .imgP { position: absolute; bottom: 0px; right: 0%; }
.storyPageIDL .con .year { font: 100px/1.2 "humanist_521_lightregular","microsoft yahei"; color: #323232; position: absolute; top: -128px; left: 32%; }
.storyPageIDL .con .txt { width: 290px; position: absolute; left: 34%; z-index: 10; top: 48px; }
.storyPageIDL .con .txt .t { font-size: 20px; margin-bottom: 10px; }
.storyPageIDL .two .con .imgP { right: auto; left: 3%; }
.storyPageIDL .two .con .year { width: 470px; left: auto; right: 4%; }
.storyPageIDL .two .con .txt { width: 470px; left: auto; right: 2%; }




/*首页品质*/
.proInfoBox { width: 92%; margin: 0px auto;  margin-bottom: 35px}
.proInfoBox dd { float: left; display: block; margin-top: 50px; width: 49%; padding-bottom: 48px; position: relative; }
.proInfoBox dd.two { margin-left: 2%; }
.proInfoBox dd .img { width: 100%; display: block; overflow: hidden; position: relative; }
.proInfoBox dd .bg { background: url(../images/black_2.png) repeat; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.proInfoBox dd .img img { width: 100%; display: block; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.proInfoBox dd .con { position: absolute; left: 0px; bottom: 0px; border: 1px solid #eeeeee; padding: 25px 5%; width: 90%; color: #646464; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; background: #fff url("../img/hy.jpg") center right no-repeat;}
.proInfoBox dd .con .t { font-size: 22px; line-height: 1.4; text-transform: uppercase; color: #2b5eb7; margin-bottom: 10px; }
.proInfoBox dd:hover .bg { opacity: 1; visibility: visible; }
.proInfoBox dd:hover .img img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.proInfoBox dd:hover .con { transform: translateY(-20px); -webkit-transform: translateY(-20px); }

.proInfoBox .lan_tiao{ background: #2b5eb7; height: 4px;width:80px;margin:0 0 15px }
.prolistPage { width: 92%; margin: 0px auto; }
.prolistPage .title { border-bottom: 1px solid #a0a0a0; margin: 40px auto; font-size: 20px; color: #000; padding-bottom: 15px; }
.prolist { margin-left: -2%; }
.prolist a:link, .prolist a:visited { color: #000; }
.prolist a:active, .prolist a:hover { color: #CD000F; }
.prolist dd { float: left; display: block; width: 48%; margin: 0px 0px 2% 2%; position: relative; }
.prolist .img { width: 76%; overflow: hidden; position: relative; cursor: pointer; }
.prolist .img .ico { background: url(../images/fd2.png) no-repeat; width: 44px; height: 44px; position: absolute; left: 50%; top: 50%; margin: -22px 0px 0px -22px; -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.prolist .img img { width: 100%; display: block; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.prolist .name { position: absolute; left: 78%; top: 8%; width: 22%; font: 18px/1.4 "microsoft yahei"; color: #000; }
.prolist .linkbox { position: absolute; right: 3%; bottom: 5%; }
.prolist .linkbox a { width: 34px; height: 34px; display: block; margin-top: 10px; }
.prolist .linkbox a i { display: block; background: url(../images/ii1.png) no-repeat; width: 100%; height: 100%; display: block; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.prolist .linkbox a.ico2 i { background-image: url(../images/ii2.png); }
.prolist .two .img { margin-left: 24%; }
.prolist .two .name { left: 2%; }
.prolist .two .linkbox { right: 80%; }
.prolist .linkbox a:hover i { transform: rotateY(180deg); }
.prolist .img:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0.5; filter: alpha(opacity=50); }
.prolist .img:hover .ico { -webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); }
.imgShowDemo .owl-controls .owl-buttons div { position: absolute; padding: 0px; margin: 0px; width: 64px; height: 58px; border: 1px solid #a0a0a0; border-radius: 10px; background-color: transparent; overflow: hidden; top: 50%; margin-top: -30px; background-position: center center; background-repeat: no-repeat; text-indent: -10em; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev { left: 3%; background-image: url(../images/p_l3.png); }

	
/*pc广告位*/
.huayi_ad_pc{ background: url("../img/ad.jpg") center; height:230px; width:100%;}
.huayi_ad_pc .txt{width:90%; margin: 0 auto; padding-top: 50px;}


.sy_lm42{width:100%; font-size:42px;  text-align: center; color:#2b5eb7;margin-top: 25px;}
.sy_en16{font-family: Arial;font-size:16px; color: #b4b4b4; text-align: center;width:100%; text-transform: uppercase; line-height: 36px}
/*pc宽屏end*/
.end_bg_pc{ background: #202020; height:300px; border-bottom: 8px #2b5eb7 solid}
.end_pc{width:90%; margin: 0 auto; color: #fff; padding-top: 40px;}
.end_pc .logo{width:120px;}
.end_pc .logo img{width:94px}
.end_pc .txt{width:70%;font-size:14px; line-height: 30px;}
.end_pc .erweima{ text-align: center}
	




.se_news_r{ width:63%; position: relative; z-index: 1000; margin:0 10px 0 0}
.se_news_l{ width:290px; position:relative; overflow:hidden; }
.se_news_l img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.about_top_l{float:left;width:50%}
.about_top_r{ float:right;width:40%; background: rgba(255,255,255,.9); padding: 20px}
.ny_about_l{float:left;width:25%}
.ny_about_r{ float:right;width:72%;font-size:16px; line-height: 30px; padding-top: 15px}
	
.binbox{ position: absolute; left: 7%; bottom:40%; color: #fff; border-left: 1px solid #fff; border-left: 1px solid rgba(255,255,255,0.5); padding-left: 50px;}
.binbox .t{ color: #fff; font-size: 52px; line-height: 1.1; margin-bottom: 10px; overflow: hidden; font-family: "微软正黑体","Microsoft JhengHei"; font-weight: bold;}
.binbox .en{ line-height: 1.4; font-size: 18px; font-family: "pf_din_text_comp_proregular";}
.binbox .con{ height: 160px; overflow: hidden;}
.binbox .moreBox{ font-family: "pf_din_text_comp_proregular";}

.kairui_top{width:100%; margin: 0 auto}
.kairui_head{ position: absolute; z-index: 222; background: url("../images/navbg.png") top center no-repeat;  height: 222px;width:100%; }
.kairui_head ul{width:96%; margin: 20px auto 0 auto;}
.logo{ float:left; margin-top: 0.2%;width:25% }
.logo img{width:100%;}
.nav{float:right; margin-top: 8px;width:74%; text-align: right}
.nav li{text-align: center; float:right;font-size:14px; height: 55px; line-height: 55px; margin-right:30px}	
.nav li a{ color:#666;  font-size:14px;}
.nav li a:hover{border-bottom: #008cd6 3px solid; color:#fff; display: block;height: 55px; line-height: 55px;}

.sy_lmm{width:1280px; margin: 30px auto; text-align: left}
.line{ background:#008cd6;width:60px; height: 6px;}
.cp_lm_name_small,.sy_lmm_small,.newsnei_con_small,.end_linkbg_small,.kairui_endbg_small,.end_linkbg_small,.kairui_top_small{display: none;}

.end_lx_l{float:left;}
.end_lx_r{float:right;font-size:14px; line-height: 36px; color:#fff}

.end_lmenu{width:196px;}
.end_lmenu li{float:left;width:90px; background:#F30C10; height: 40px; line-height: 40px;}
.kairui_end li a{ color:#fff}
	
.contact_left{ width:40%; text-align:LEFT;font-size:14px; line-height: 36px}
.contact_right{ width:60%; margin:0px 0;  text-align:right; font-size:17px; line-height:40px; }
.contact_right img{max-width:80%}
.contact_right strong{ color:#333; font-size:30px;}
.map{ width:100%; margin:0 auto;overflow:hidden;}
	
	.end_linkbg{height:70px; line-height: 70px;width:100%; border-top:1px #ececec solid;}
	.end_link{width:90%; margin: 0 auto;}
	.end_link_l{float:left;}
	.end_link_r{float:right}
	.end_link_r li{float:left; margin-left:15px; text-align: right}
	.pro_lists{
		width:1800px;
		margin:0 auto;
	}
	.pro_li_p{
		padding-bottom:100px;
		width:23%;
		margin:0 1%;
		float:left;
	}
	.pro_li{
		position: relative;
	}
	.pro_img{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		z-index: 50;
		background: white;
		transition: all 0.5s linear 0.5s;
		text-align: center;
	}
	.pro_hide_img{
		position: relative;
		z-index: -1;
		opacity:0;
	}
	.pro_back{
		position: absolute;
		width:100%;
		height:100%;
		background: #fff;
		top:0;
		left:0;
		z-index:10;
		transition: all 0.5s linear 0.5s;
	}
	.pro_back>div{
		background: #ccc;
		position: absolute;
		transition: all 0.5s linear;
	}
	.pro_back .pro_top{
		height:5px;
		width:0;
		top:-5px;
		left:-5px;
	}
	.pro_back .pro_left{
		height:0;
		width:5px;
		top:-5px;
		left:-5px;
	}
	.pro_back .pro_bottom{
		height:5px;
		width:0;
		bottom:-5px;
		right:-5px;
	}
	.pro_back .pro_right{
		height:0;
		width:5px;
		bottom:-5px;
		right:-5px;
	}
	.pro_btm_v_line{
		position: absolute;
		top:100%;
		left:5px;
		width:2px;
		height:0;
		background:#ccc;
	}
	.pro_btm_f{
		width:40px;
		height:40px;
		opacity:1;
		background:#253A97;
		left:-10px;
		top:270px;
		position: absolute;
		z-index: 2001;
	}
	.pro_btm_arrow{
		position: absolute;
		top:270px;
		left:10px;
		line-height: 40px;
		height:40px;
		padding-left: 40px;
		width:240px;
		opacity: 1;
		background-image:url(/templates/net/images/jt1.png);
		background-size:32px 13px;
		background-position:0% 50%;
		background-repeat:no-repeat;
		z-index:2002;
	}
	.pro_img_top{
		position: absolute;
		bottom:100%;
		right:0;
		width:30px;
		height:30px;
		background-image:url(/templates/net/images/pro_top.jpg);
		background-size:100% 100%;
		background-position:50% 50%;
		background-repeat:no-repeat;
		opacity: 0;;
	}
	.pro_image{
		width:95%;
		margin:0 auto;
		z-index:200;
	}
	.pro_logo{
		position: absolute;
		width:0;
		height:0;
		background-image:url(/templates/net/images/a_logo.png);
		background-size:100% auto;
		background-position: 50% 50%;
		z-index:2000;
		top:50%;
		left:50%;
		margin-top:0;
		margin-left:0;
	}

.en24{font-size:24px; font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif"; padding-top: 17%}
.b_tiao{background: #fff; height: 2px;width:40px; margin: 10px auto; }
.bai28{font-size:28px;}
.tubiao{ background:#e50a0d;width:50px; height: 50px; margin: 20px auto; border-radius:50%;}
.tubiao img{ padding-top:8px}
	

.ab_bg{ background:url("../images/as.png") top repeat-x;
	   width:1280px; 
	   text-align: center; 
	   
	  
	   z-index: 222; margin: -56px auto 0 auto;
}
.about_list{width:90%; margin: 0 auto;}
.about_list li{float:left;width:31%; text-align: center; margin: 20px 1%}
.about_list li p{font-size:16px; font-weight: bold; color: #6b6b6b; line-height: 50px}
.about_list li .tt{width:96%; background: #ccc; height: 2px; margin: 0 auto}
.about_list li:hover .tt{background: #4aa1d6; }
.about_list li:hover p{color:#4aa1d6; }
	
.kairui_case_small{display:none;}
.kairui_case{width:1290px; margin: 0 auto}
.kairui_case_l {float: left}
.kairui_case_r {float: right;width:581px}
.kairui_case_r img{border: none}
	
}

.kairui_v{width:100%; margin: 0 auto; }



.bailine { width: 33px; height: 1px; background: #fff; background: rgba(255,255,255,.5); margin-bottom: 15px; }

.ff-1 { font-family: 'futurabt-medium'; font-size:42px; color: #3B3737}
.fwb { display: block; font-size: 24px; color: #666; margin-bottom: 4px;font-weight: bold;}

.s_width{width:1280px; margin:0 auto; position:relative;}
.about_top{width:100%;}

.wh_list{font-size:16px; line-height: 40px; padding-top: 30px}


.sy_cpbg{width:100%;  background: #27569b; height: 840px; padding-top:20px;}

.marquee2 .pro_cc:hover{ background:#efab36;transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}
.marquee2 .pro_cc:hover em{ color:#fff}

.marquee2 .pro_cc a.pro_cc_pic img{transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; z-index:888}
.marquee2 .pro_cc a.pro_cc_pic img:hover{ transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}

.marquee2 .pro_cc a.pro_cc_pic:hover{ text-decoration:none;color: #ff0000;text-decoration: none;}

.marquee2 .pro_cc em{ font-style: normal; text-align:center; line-height:45px; display:block; margin-top:0px; font-size:16px; color:#111111;}
.marquee2 .pro_cc p{ color:#e91240; font-weight:bold; font-size:19px; text-align:center; line-height:30px;}
.mar_tel{font-size:24px; font-family:impact;color: #ff9600; text-align: center}
.marquee2 .pro_cc:hover .mar_tel{font-size:24px; font-family:impact;color: #fff; text-align: center}

/*ny_about*/
.ny_about{width:100%; padding: 0 0 50x 0; min-height: 300px;}

.ny_en48{    display: block;
    line-height: 1;
    color: #008cd6;
    font-size: 56px;
    font-family: "PFDinTextCondPro-Light";
    margin-bottom: 30px;
}
.ny_l24{display: block;
    padding-left: 7px;
    width: 153px;
    height: 46px;
    line-height: 46px;
    color: #333333;
    font-size: 16px;
    border-top: 2px solid #666666;
    border-bottom: 2px solid #666666;


}


.newsnei_con li{float:left; padding:0; width:412px; height:420px; position:relative; overflow:hidden; background:#fff; margin:0 21px 0 0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}

.newsnei_con li img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.newsnei_con li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.newsnei_con_l a{ width:412px; height:300px; z-index:3; display:block}
.newsnei_con_l a span{ display:block; color:#ffffff; line-height:40px;  width:390px; position:absolute; bottom:0; z-index:99; font-size:15px; text-align:center;}
.newsnei_con_l a:hover span{ color:#ffd800}

.newsnei_con_b i{ font-style:normal;  display:block; line-height:55px; background:url(../images_nei/jiantou.png) no-repeat right center; z-index:2; position:relative; font-size:18px; color:#333; margin:0 25px;}
.newsnei_con_b p{ margin:0 25px; line-height:24px; font-size:14px; color:#555; height:0; overflow:hidden;}
.newsnei_con_b .newsnei_con_date{ margin:0 25px; line-height:30px; font-size:14px; color:#777}
.newsnei_con li:hover .newsnei_con_b{ height:170px; background:#008cd6;}
.newsnei_con li:hover .newsnei_con_b{ color:#fff}
.newsnei_list_t{ width:1280px; margin:0 auto; padding:160px 0 0 0}
.newsnei_list_t h2{ font-size:26px; color:#f9ac08; font-weight:normal; line-height:35px;}
.newsnei_list_t p{ line-height:65px; font-size:33px; font-weight:bold; color:#fff}
.newsnei_list_t .s_width{ font-size:14px; color:#fff; margin:0 0 20px 0}
.newsnei_list_t .s_width a{ font-size:14px; color:#fff}

.head{ width:100%;  background:#fff; position:fixed; z-index:9999;transition: all 0.5s ease; height:80px; -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);  box-shadow: 0 0 15px rgba(0,0,0,0.2); border-top:6px solid #443195}

.head .logo{ padding:2px 0 10px 0;width:260px; }

.head .head_right{}

.head .nav{  height:100px; transition: all 0.5s ease; float:left}
.head .nav li{ width:90px; float:left; text-align:center; line-height:80px; position:relative; z-index:4; }
.head .nav li span{ position:absolute; bottom:0px; height:2px; width:0; left:50%; margin-left:-47px; background:#ff0000; display:block; opacity:0; transition: all 0.5s ease;}
.head .nav li:hover span{  width:90px;opacity:1;}
.head .nav li a{  font-size:16px; color:#444444; display:block;  }
.head .nav li a:hover{ color:#ff0000;}

.head .nav li div {display:none;width:125px;text-align:center;color:#4f4f4f; background:#e60012; z-index:99999; position:relative;}
.head .nav li div a {display:block;BACKGROUND: url(asdfasdf); COLOR: #fff; line-height:45px; height:45px;FONT-SIZE: 14px;font-weight:normal;border-bottom:1px solid #ed3b49;}
.head .nav li div a:hover {color:#fff; border-bottom:1px dashed #ed3b49; background:#c20b19; border-top:0; border-right:0; border-left:0;FONT-SIZE: 15px;}
.head.small{height:70px; padding:0 0 0px 0;}

.top_r{ float:right;width:80px; line-height:80px; }

.propanel { padding: 15px; padding-right: 0; }
.proList { overflow: hidden; }
.proList li { width: 25%; float: left; height: 633px; position: relative; }
.proList li a { display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; color: #fff; }
.proList .pic { margin-right: 15px; }
.proList .pic img { width: auto; height: 633px; }
.pbanner { position: relative; overflow: hidden; }
.pbtxts { width: 1200px; position: absolute; left: 50%; margin-left: -600px; bottom: 35px; color: #fff; }
.pbtxts .en { font-size: 40px; font-weight: bold; text-transform: uppercase; }
.pbtxts .ch { font-size: 48px; font-weight: bold; line-height: 1.1; }
.proList .oti { font-size: 18px; border-bottom: 3px solid #fff; position: absolute; left: 25px; bottom: 45px; padding-bottom: 4px; transition: 300ms; -webkit-transition: 300ms; }
.proList .line { width: 0; height: 5px; background: #e62129; position: absolute; left: 0; bottom: 0; }
.proList .txts { position: absolute; left: 25px; top: 153px; transform: translateY(-100px); -webkit-transform: translateY(-100px); opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }
.proList .txts .ico { width: 80px; height: 60px; background-position: left center; margin-bottom: 10px; }
.proList .txts .ch { font-size: 45px; margin-bottom: 22px; }
.proList .txts .en { font-size: 26px; text-transform: capitalize; margin-bottom: 140px; }
.proList .txts .more { width: 140px; height: 4px; background: #384a9a; text-align: center; line-height: 4px; }
.pic > img{ 
	display:block; 
	width:100%; 
	transition:600ms; 
	-webkit-transition:600ms; 
	}
.ico,
.aw{
	display:block; 
	width:100%;
	height:100%;
	background-repeat:no-repeat; 
	background-position:center center; 
	transition:300ms; 
	-webkit-transition:300ms; 
	-ms-transition:300ms; 
	}
.pic, .pic2 {
    display: block;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.search{ width:60px; background:url(../images/search.png) no-repeat center center; height:30px; margin:0 auto; padding-top:45px}
.menu .nav_search .nav{  padding:30px 0 0 180px; height:41px; width:880px;}
.menu .nav_search .nav li{ width:120px; float:left; text-align:center; line-height:41px; position:relative; padding:0 0 20px 0}
.menu .nav_search .nav li a{ font-size:14px; color:#d4d4d4; display:block; line-height:41px; margin-top:20px;}
.menu .nav_search .nav li a:hover{ border:1px solid #541e21; color:#be373e; font-size:16px;}
.menu .nav_search .nav li div {display:none;width:140px;text-align:center;color:#4f4f4f;position:absolute;top:62px; background:#be373e; z-index:9999 }
.menu .nav_search .nav li div a {display:block;BACKGROUND: url(asdfasdf); COLOR: #fff; LINE-HEIGHT:40px; HEIGHT:40px;FONT-SIZE: 14px;font-weight:normal;border-bottom:1px dashed #e34c5a; margin-top:0;}
.menu .nav_search .nav li div a:hover {color:#fff; border-bottom:1px dashed #222; background:#222; border-top:0; border-right:0; border-left:0;FONT-SIZE: 15px;}


.infoInput{ background: #fff; margin-top: 15px; height: 50px; margin-right: 10px}
.button { background: #1454c8;width:760px; color: #fff; height: 60px; margin: 0 auto}

.form_message{color:#ccc; position:absolute; z-index: 888888; margin-top: -45px; padding-left: 15px }



/*内页新闻*/
.ny_newstop{width:1240px; margin:0 auto; background:#fff; padding:15px;}
/*pc产品列表*/
.case_list{width:99%;margin:0 auto 20px;}
.case_list li{width:calc(100%/3); float:left;}
.case_list li a{ height:55px; line-height:55px; background:#212121;display:block; margin:5px; text-align:center;font-size:14px; color:#fff} 
.case_list li a:hover{ background:#ef780b;} 
.case_list li .honor_li{ background:#ef780b; }
.case_list li .honor_li a{ color:#fff}
.case_list li:nth-child(5){ margin-right:0;}

/*内页*/
.liufeng_ny{}
.banner_ny{width:80%; text-align:left; margin:0 auto}
.contact_banner{ background:url(../images/contact.jpg) top center no-repeat; height:522px;position: absolute;width:100%}
.video_banner{ background:url(../images/video.jpg) top center no-repeat; height:800px;position: absolute;width:100%}
.job_banner{ background:url(../images/job.jpg) bottom center no-repeat; height:360px;position: relative;width:100%}
.nynews_banner{ background:url(../images/ny_news.jpg) top center no-repeat; height:345px;position: relative;width:100%}
.ny_body{width:1280px; margin:30px auto; text-align:left;font-size:16px; line-height:30px;}
.ny_lm24{font-size: 24px;margin-bottom: 8px; color:#e21e2d; padding-top:160px;}
.ny_txt18{ font-size: 40px;line-height: 1.2;color:#372976}
.ny_main{width:1280px; background:#fff; margin:20px auto; padding:40px  0; -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);  box-shadow: 0 0 15px rgba(0,0,0,0.2);}



.se_lanmu{ background:#119e39}
.se_lanmu .se_lanmu_title{ font-size:35px; color:#fff}
.se_lanmu .se_lanmu_en{ font-size:53px; color:#fff; font-family:Impact; text-transform:uppercase; margin:20px 0 0 0}
.se_lanmu .se_lanmu_line{ height:2px; width:77px; background:#119e39}


.pro_show{ }
.pro_show h2{ background:url(../images/images/p_line.jpg) repeat-x 120px center}
.pro_show h2 p{ background:#fff; width:120px; line-height:65px; color:#08982e; font-size:18px;}

.pro_cont{ height:470px; width:970px; margin:0 auto; overflow:hidden; }
.espcms_piclist_slide {overflow: hidden;}
.espcms_piclist_slide ul li{float: left;margin:0 15px 15px 0;text-align: center; position:relative; height:229px;overflow:hidden; }

.espcms_piclist_slide li .pic { width:305px; height:229px;}
.espcms_piclist_slide li .pic a{ font-size:16px;}

.espcms_piclist_slide li .pic img { width:305px; height:229px;}
.espcms_piclist_slide li .cover_top{ text-align:center; line-height:40px; height:40px; font-size:14px;z-index:99;position: absolute; color:#666; bottom:0; width:100%; background:rgba(0,0,0,0.7)}
.espcms_piclist_slide li .cover_pic{ width:120px; height:120px;position:absolute; left:50%; margin-left:-60px;top:-150px; z-index:100}
.espcms_piclist_slide li .cover_pic a{ font-size:24px; color:#ffea00; font-weight:bold; padding:80px 0 0 0; background:url(../images/images/more.png) no-repeat center 5px; display:block}
.espcms_piclist_slide li  p{ }
.espcms_piclist_slide li  p a{ color:#fff}
.espcms_piclist_slide li  p a:hover{ color:#fff600}




/*se_case*/
#se_case_index{  background:#fff;position:relative; background: url(../images/images/erjibg.jpg) no-repeat center top; padding:30px 0 0 0}
.se_case_index_title{height:82px; background:url(../images/case_index_title_bg.png) no-repeat bottom; border-bottom:#e3e3e3 1px solid; }
.se_case_index_title h2 { font-size:33px; color:#08912a; font-weight:bold; line-height:60px; text-align:center}
.se_case_index_title h2 span{ color:#ec0c41}
.se_case_index_nav{ width:668px; height:30px; overflow:hidden; padding:0 0 0 12px; position:absolute;top:130px;left:50%;margin-left:-334px;}
.se_case_index_nav ul{ height:30px;}
.se_case_index_nav li{ float:left; margin-right:12px; min-width:112px; height:30px; }
.se_case_index_nav li span{float:left; width:112px; height:30px; display:block; font-weight:bold}
.se_case_index_nav li a{ font-size:14px; text-align:center; line-height:30px; text-decoration:none; color:#fff; display:block; background:#797979; border-radius: 3px; }
.se_ca_erji{ float:left; padding:0 0 0 10px;}
.se_ca{float:left; height:30px; margin:0 5px 0 0  }
.se_case_index_nav li .se_ca a{background:#d8d8d8; color:#5b5b5b; width:90px; font-size:13px;}

.se_case{ width:1200px; margin:0 auto; padding:10px 0 0 0}
.se_case ul{}
.se_case li{ width:280px;margin:0 10px 20px 10px; height:300px; float:left;position:relative;overflow:hidden;cursor:pointer;background:#eee; }
.se_case_pic{ width:278px; height:200px; text-align:center; margin:0 auto; border:1px solid #eee}
.se_case_name{ width:260px; margin:0 auto;  font-size:18px; color:#ec0c41; line-height:50px; text-align:left; padding:0 0 0 20px; font-weight:bold}
.se_case_name a{ color:#333}
.se_case_hangye{ width:240px; margin:0 auto; padding:0 20px 10px 20px; font-size:14px; color:#333; line-height:40px;}
.se_case_click{ float:right; color:#333; }
.se_case li div.cover_top{position:absolute;top:-205px;left:0;width:280px;height:202px;background-color: red;filter: Alpha(opacity=50);background: rgba(0,0,0,0.4);z-index:900; text-align:center}
.se_case li div.cover_top img{ padding:95px 0 0 0}
.se_case li div.cover_bottom{position:absolute;bottom:-100px;left:0;width:280px;height:99px;background-color: green;filter: Alpha(opacity=50);background: rgba(52,179,70,1);z-index:900}
.se_case .se_case_text{position: relative;z-index:1000;}

.fenye{ padding:0px 0 20px 0; font-size:14px;}
.shangxiaye{overflow: hidden;padding: 15px 0px;}
.shangxiaye li{ line-height:25px; color:#666}
.shangxiaye li a{ color:#666}

.ny_biaoti28{width:1280px; margin:30px auto; text-align:center; font-size:36px; line-height:60px }
.miaoshu{width:1280px; margin:0 auto; background:#e60012;font-size:18px; color:#fff; height:40px; line-height:40px; padding-left:20px;}

.pro_list_diy12{width:1280px;}
.espcms_piclist_slide18 {overflow: hidden;padding:0px 4px 0px 4px;height:380px;width:1280px }
.espcms_piclist_slide18 ul li{float: left;margin: 0 10px 5px 0;text-align: center;background:#fff;  position:relative;}
.espcms_piclist_slide18 li .pic { width:240px; height:346px; margin:0 auto}
.espcms_piclist_slide18 li  .pic img { width:240px; height:346px;}
.espcms_piclist_slide18 li  p{ text-align:center; line-height:44px; font-size:14px;z-index:99;position:relative; background:#ececec }
.espcms_piclist_slide18 li  p a{ color:#444444; font-size:14px;}
.espcms_piclist_slide18 li  p a:hover{ color:#fff}
.espcms_piclist_slide18 li .case_more{ width:60px; margin:0 auto; height:18px; line-height:18px; text-align:center; color:#a9a9a9; font-size:12px; text-transform:uppercase; border:1px solid #604a32;z-index:99;position:relative}
.espcms_piclist_slide18 li .case_more a{ color:#604a32;}
.espcms_piclist_slide18 li .case_more div a{ color:#a9a9a9;}






.liuyanbg{background: url("../img/cta_banner.jpg") center; height: 500px; margin-top: 30px;
	/*flex 布局*/display: flex;/*实现垂直居中*/align-items: center;/*实现水平居中*/justify-content: center;}
.liuyan{width:90%; margin: 0 auto;font-size:16px; line-height: 33px; padding: 60px 0}
.blue{color:#115cb9}
.ly32{font-sizE:32px; color:#115cb9}

.baitiao{height:9px; background: #fff; width:30px;    margin-top: 15px;}
.lantiao{height:9px; background: #2b5eb7; width:30px;    margin-top: 15px;}
/*华艺玻璃内页新闻页面se_hangye*/
.se_news_con{ padding:20px 0 20px 0}
.se_news_con ul{ }
.se_news_con li{  margin-bottom:15px;position:relative; overflow:hidden; cursor: pointer; margin:0 0 35px 0; position:relative; top:0; border-bottom: 1px solid #ddd;padding: 0 0 30px 0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}


.se_news_con li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.se_news_m{ width:55px; padding:15px; position:relative; overflow:hidden; font-size:20px; color:#fff; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; background:#372975;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}
.se_news_m span{ display:block; font-size:24px; color:#fff; width:50px; position:relative; overflow:hidden; height:29px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}
.se_news_r h2{  font-size:14px; color:#888; font-weight:normal; padding:0 0 15px 0}
.se_news_r h2 a{ font-size:16px; color:#333; text-transform:uppercase; display:block; }
.se_news_r h2 a:hover{ color:#00489d;}
.se_news_r p{ line-height:26px; color:#666; padding:10px 0 10px 0; font-size:15px;}
.se_news_r .se_news_more{ width:100px; border:1px solid #e60012; line-height:40px; text-align:center; float:right}
.se_news_r .se_news_more a{ color:#d61010; font-size:16px;}

.se_news_con li:hover .se_news_m{ background:#e60012; color:#fff}
.se_news_con li:hover .se_news_m span{ color:#fff}
.se_news_con li:hover .se_news_r h2 a{color:#f00;}

.main2{ width:1180px; padding:15px; margin:30px auto 0 auto; border:3px solid #222}
.main{ width:90%; margin:-7% auto 0 auto; background: #fff; padding: 2%; z-index: 999999999}
.main_right{ width:910px;font-size:16px;}
.m_r_weizhi{ line-height:35px; text-align:right; font-size:14px;border-bottom:1px solid #eee}
.m_r_weizhi span{ float:left; font-size:18px; border-bottom:1px solid #093}


.t_left{ width:265px; float:left}
.fenlei2{}
.fenlei2 h2{ background:#093; line-height:40px; font-size:14px; color:#fff; font-weight:normal; padding:0 0 0 20px; text-transform:uppercase}
.fenlei2 ul{ border:1px solid #eee; padding:25px 0 20px 0; border-bottom:2px solid #093 }
.fenlei2 li{ line-height:35px; width:200px; margin:0 auto;  border:1px solid #ccc; margin-bottom:10px;}
.fenlei2 li a{ font-size:14px; padding:0 0 0 35px; }







.kong{height:40px; width:100%}
.kongg{height:60px; width:100%}












/*erjiyemian*/
.main_l{ float:left; width:226px; padding:0 0 0 9px; overflow:hidden;}
.main_r{ float:right; width:720px;overflow:hidden; padding-right:10px;}


.left_lx{width:257px;overflow:hidden; min-height:276px;}
.left_lx .pic{ height:69px; overflow:hidden;}
.left_lx .pic2{ height:42px; overflow:hidden;}
.left_lx .left_lx_con{ width:250px;line-height:24px; min-height:159px; color:#fff; background:#ff7c1c url(../images/lianxibg2.jpg) repeat-x left top;}
.left_lx .left_lx_con p{ padding:19px 0 0 20px;}

.zizhi{width:250px;overflow:hidden;}
.zizhi .pic{ height:56px; overflow:hidden;}
.zizhi .zizhi_con{ width:250px;line-height:24px; padding-top:5px;overflow:hidden;min-height:180px; color:#fff; background:#f7f2e8 url(../images/rongyubg.jpg) repeat-x left top;}
.zizhi .zizhi_con img{ margin:2px 0 0 6px; height:38px; overflow:hidden; display:block}

.erjibg{ background:url(../images/weizhi.jpg) no-repeat left top; height:37px;line-height:37px; padding-left:35px; color:#fff}
.erjibg a{ color:#fff;}
.erjibg a:hover{ font-weight:bold;}
.main_content{background:#FFFFFF; line-height:23px; min-height:502px; margin:0 0 10px 0; border:#c5b084 solid 1px;}
.main_content .jianjie{ line-height:30px; font-size:12px; padding:30px 30px 0 30px;color:#000}

.erji_con{ PADDING-top:20PX; padding-left:10px;}

.tiao{ font-size:12px; padding:20px 0 20px 30px;}
.tiao a{ color:#000000; text-decoration:none; font-size:12px;}
.tiao a:hover{ color: #348900;}

.lx p{ line-height:25px; font-size:14px; font-weight:bold;}
.more{ padding:25px;}
.more a{ color:#000; line-height:25px; text-decoration:none; background:url(../images/news_icon.gif) no-repeat left 2px; padding-left:20px;}


.list_photo2{
	margin:0;
	width:790px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

.list_photo2 dt{ float:left; width:250px; height:200px; margin-top:15px; }
.list_photo2 dt img{ border:1px solid #dfdfdf; padding:0px; width:210px; height:150px; padding:5px;}
.list_photo2 dt div{ width:240px; height:35px; line-height:35px; text-align:center; overflow:hidden; }
.list_photo2 a{color:#000000;}
.list_photo2 a:hover{color:#f60;}

.se_erji_img img{ width:auto; margin:0 auto}
.deng{position:absolute;width:680px;height:221px;left:50%; margin-left:-340px;top:-74px; z-index:5;text-align:right;}
.dd{position:absolute;width:600px;height:221px;left:50%; margin-left:-300px;top:-114px; z-index:5;}