@charset "utf-8";
/*
理念：清除和重置是紧密不可分的
特色：1.适应中文 2.基于最新主流浏览器
*/
*{ margin: 0;padding: 0;}
body{background:#ecebe9;}


/* 设置默认字体 */
body,
button, input, select, textarea { /* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
    font-family:'Microsoft YaHei'
}


/* font-family: Arial, Helvetica, "Hiragino Sans GB", "SimSun", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; */

.clear{clear:both;}

/* 左右浮动 */
.fl{float:left;}
.fr{float:right;}

/* 重置列表元素 */
ul, ol { list-style: none; }


/* 重置文本格式元素 */
a { text-decoration: none; color:#000;}
a:hover { text-decoration:none;}


#kinMaxShow {
	display:none;
}
#kinMaxShow .sub_1_2 {
	display:block;
	position:absolute;
	left:-800px;
	top:230px;
}
#kinMaxShow .sub_2_2 {
	display:block;
	position:absolute;
	left:-800px;
	top:230px;
}
#kinMaxShow .sub_3_2 {
	display:block;
	position:absolute;
	left:-800px;
	top:230px;
}
#kinMaxShow .sub_4_2 {
	display:block;
	position:absolute;
	left:-800px;
	top:230px;
}

.ny-banner{width:100%;height:450px;}
.ny-banner img{width:100%;}


/********************* nav ************************/
.nav{position:absolute;top:60px;left:50%;margin-left:-618px; background:rgba(245,245,245,0.5);z-index:999;}
.nav ul li{float:left;width:135px;height:109px;border-left:1px solid #c1c3c4;padding-top:28px;box-sizing:border-box}
.nav ul li.logo{width:155px;border-left:none;padding-top:5px;background:url(../images/logo.png)no-repeat center center;background-size:155px auto; }
.nav ul li.logo:hover{width:155px;border-left:none;padding-top:5px;background:url(../images/logo_hover.png)no-repeat center center #0255c1;background-size:155px auto;}
.nav ul li{text-align:center;} 
.nav ul li a{display:block;width:100%;height:109px;}
.nav ul li p{font-size:18px;color:#474444;line-height:30px;}
.nav ul li p.en{font-size:14px;color:#5f5c5c;font-family:Arial;}
.nav ul li:hover{background:#0255c1;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.nav ul li:hover p{color:#fff;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}


/********************* main ************************/
.main{width:1235px;margin:0 auto;background:#fff;padding:0 25px;box-sizing:border-box;margin-top:20px;}
.main-box{width:370px;margin-right:37px;float:left;}
.main-box:nth-child(3){margin-right:0;}
.title{width:100%;height:60px;line-height:60px;border-bottom:1px solid #999;overflow:hidden;}
.title h3{font-weight:100;font-size:20px;color:#454545;float:left;}
.title h3 span{font-size:14px;}
.title a{font-size:14px;float:right;color:#e46641;background:url(../images/more.png) no-repeat right center;padding-right:22px;}

/********************* news ************************/
.news ul li{margin:15px 0;}
.news ul li h2{width:90px;text-align:center;color:#fff;line-height:30px;font-size:14px;background:#e46641;}
.news ul li h3 a{color:#333;line-height:35px;font-size:14px;font-weight:900;padding-left:15px;}
.news ul li h3 a:hover{color:#e46641;}
.news ul li span{display:block;float:left;width:70px;height:50px;margin-right:15px;text-align:center;border-right:1px solid #999;}
.news ul li span h4{color:#000;line-height:30px;font-size:14px;font-weight:100;}
.news ul li span h5{color:#666;line-height:20px;font-size:14px;font-weight:100;}
.news ul li p{color:#666;line-height:25px;font-size:14px;}

/********************* about ************************/
.about h3{color:#333;line-height:50px;font-size:14px;display: inline-block;}
.about p{color:#666;line-height:30px;font-size:14px;text-indent:2em;}
.about a{float:right;color:#e46641;}



/********************* case ************************/
.case{padding-top:15px;background:url(../images/lx_bg.jpg) no-repeat right bottom;}
.case p{color:#666;line-height:30px;font-size:14px;}


/********************* pro ************************/
.tile { width: 252px; height: 168px; margin: 20px; background-color: #333; display: inline-block; background-size: cover; position: relative; cursor: pointer; transition: all 0.4s ease-out; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.44); overflow: hidden; color: white; }
.tile img {  position: absolute; top: 0; left: 0; z-index: 0; transition: all 0.4s ease-out; }
.tile .text { z-index: 99; position: absolute; padding:0 20px 0 20px; height: calc(100% - 60px); }
.tile h2 { font-weight: 100; margin-top: 20px; color:#fff;font-style: italic; transform: translateX(200px); font-family: "HPE"; }
.tile p { font-weight: 300; margin-top: 20px; color:#fff;line-height: 25px;font-family: "HPE";  transform: translateX(-200px); transition-delay: 0.2s; }
.animate-text { opacity: 0; transition: all 0.6s ease-in-out; }
.tile:hover { box-shadow: 0px 35px 77px -17px rgba(0, 0, 0, 0.64); transform: scale(1.05); }
.tile:hover img { opacity: 0.2; }
.tile:hover .animate-text { transform: translateX(0); opacity: 1; }
.dots { position: absolute; bottom: -45px; right: 10px; margin: 0 auto; width: 30px; height: 30px; color: currentColor; display: flex; flex-direction: column; align-items: center; justify-content: space-around; }
.dots span { width: 5px; height: 5px; background-color: #fff; border-radius: 50%; display: block; opacity: 0; transition: transform 0.4s ease-out, opacity 0.5s ease; transform: translateY(30px); }
.tile:hover span { opacity: 1; transform: translateY(0px); }
.dots span:nth-child(1) { transition-delay: 0.05s; }
.dots span:nth-child(2) { transition-delay: 0.1s; }
.dots span:nth-child(3) { transition-delay: 0.15s; }

/********************* foot ************************/

.foot{width:100%;height:80px;background:#454545;padding-top:20px;margin-top:20px;}
.contain{width: 1235px;margin: 0 auto;padding: 0 25px;box-sizing: border-box;color:#fff;}
.contain div p{font-size:14px;line-height:30px;}

.xcx{position:fixed;bottom:100px;right:100px;z-index:999999;}


/********************* pos ************************/
.pos{height:40px;padding:20px 0;text-align:center;}
.pos ul li{display:inline-block;margin:0 10px;background:#fff;border-radius:5px;}
.pos ul li a{display:block;padding:10px 20px;font-size:16px;}
.pos ul li:hover,.pos ul li.current{background:#e46641;}
.pos ul li:hover a,.pos ul li.current a{color:#fff;}


/********************* zs ************************/
.ny-contain{width:1235px;margin:0 auto;background:#fff;padding:25px 25px;box-sizing:border-box;}
.zs h2.tit{font-size: 34px;text-align: center;font-weight:100;line-height: 75px;background:url(../images/h2-bg.png) no-repeat center center;}
.zs h3{font-size: 18px;text-align: center;font-weight:100;line-height: 40px;color:#666;}


/********************* bsc ************************/
.bsc {width:100%;margin-top:30px;}
.bsc ul.diqu {width: 100%;height: 35px;background: #eee;}
.bsc ul.diqu li{float:left;}
.bsc ul.diqu li a {display: block;line-height: 35px;color: #666;padding: 0 17px;font-size: 14px;}
.bsc ul.diqu li a.current,.bsc ul.diqu li a:hover{color:#e46641;}

.bsc ul.mendian{margin:15px 0;}
.bsc ul.mendian li{float: left;width: 311px;height: 85px;overflow:hidden;padding: 20px 15px 20px 55px;position: relative;margin-right: 20px;}
.bsc ul.mendian li:hover{background: #eaeaea;}
.bsc ul.mendian li:nth-child(3n+0){margin-right:0;}
.bsc ul.mendian li:hover h2{color: #f86b01}
.bsc ul.mendian li h2{font-size: 16px;color: #333;margin-bottom: 5px;max-height: 26px;overflow: hidden;-webkit-transition: color .2s ease-in-out;transition: color .2s ease-in-out;}
.bsc ul.mendian li p{font-size: 14px;color: #333;line-height: 20px;overflow: hidden}
.bsc ul.mendian li .icon_li{background: url(../images/icon_li.png) center no-repeat;width: 19px;height: 19px;position: absolute;left:15px;top:27px;}


/********************* prolist  ************************/

.pro-list{width:1235px;margin: 0 auto; padding: 0 25px;box-sizing: border-box;}

.pro-list ul li { width: 371px; height:335px; margin: 10px; background-color: #fff; display: inline-block;  position: relative; cursor: pointer; transition: all 0.4s ease-out; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.44); overflow: hidden;}
.pro-list ul li img { position: absolute; left:50px;height:240px;top:30px; z-index: 0; transition: all 0.4s ease-out; }
.pro-list ul li p {color:#666;text-align:center;margin-top:295px;}
.pro-list ul li:hover { box-shadow: 0px 35px 77px -17px rgba(0, 0, 0, 0.64); transform: scale(1.05); }




/********************* caselist  ************************/

.case-list{width:1235px;margin: 0 auto; padding: 0 25px;box-sizing: border-box;}

.case-list ul li { width: 370px; height:335px; margin: 10px; background-color: #fff; display: inline-block;  position: relative; cursor: pointer; transition: all 0.4s ease-out; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.44); overflow: hidden;}
.case-list ul li img { position: absolute;height:270px; z-index: 0; transition: all 0.4s ease-out; }
.case-list ul li p {color:#666;text-align:center;margin-top:295px;}
.case-list ul li:hover { box-shadow: 0px 35px 77px -17px rgba(0, 0, 0, 0.64); transform: scale(1.05); }


/********************* con ************************/
.pro-con{width:1235px;margin: 0 auto; padding:25px;box-sizing: border-box;background:#fff;}



.pro-con-left{width:480px;}



/********************* fangdajing ************************/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:480px;height:400px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/********************* fangdajing ************************/
.spec-preview{width:480px;height:400px;border:1px solid #DFDFDF;}
.spec-scroll{clear:both;margin-top:5px;width:482px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:105px; line-height:105px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:452px;height:110px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:113px;}
.spec-scroll .items ul li{float:left;width:113px;height:100px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:100px;height:100px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}



.pro-con-right{width:690px;}
.pro-con-right h2{font-size:24px;font-weight:100;padding:10px 0;color:#333;}
.pro-con-right h3{font-size:20px;font-weight:100;line-height:50px;color:#146ef6;border-bottom:1px solid #ccc;margin-bottom:20px;}
.pro-con-right {font-size:14px;line-height:30px;color:#333;}
.pro-con-right p{font-size:14px;line-height:30px;color:#333;}


/********************* case ********************/

.case h2{font-size:20px;font-weight:100;text-align:center;margin-bottom:30px;color:#333;}


/********************* changdihuanjing ********************/
.club_cd{padding-bottom: 50px;}
.club_cd .q_img{width: 870px;height: auto;overflow: hidden;}
.club_cd .q_img .hd{width:810px;height: 80px;position: relative;padding-left:70px;}
.club_cd .q_img .hd .hd_list{height: auto;overflow: hidden;width: 750px;}
.club_cd .q_img .hd .hd_list ul{height: auto;overflow: hidden;}
.club_cd .q_img .hd .pre2,.club_cd .q_img .hd .next2{width: 50px;height:67px;overflow: hidden;position: absolute;top: 0; margin-top: 7px;}
.club_cd .q_img .hd .pre2{left: 0;}
.club_cd .q_img .hd .next2{right: 0;}
.club_cd .q_img .hd li{margin-top: 5px;border:3px solid #fff;color: #333;font-size: 16px;float: left; margin-right:8px;display: inline;width: 109px;height: 64px; overflow:hidden;text-align: center;vertical-align: middle;}
.club_cd .q_img .hd li img{ width: 109px; height: 64px;}
.club_cd .q_img .hd li.on{border: 3px solid #f86b01;}
.club_cd .q_img .bd{width: 870px;height:511px;overflow: hidden;margin-bottom: 20px;}
.club_cd .q_img .bd img{width: 870px;height: 511px;overflow: hidden;}
.club_cd .q_img .bd1{width: 870px;height:auto;overflow: hidden;margin-top:30px;}
.club_cd .q_img .bd1 li{  font-size: 14px; line-height: 26px;}


/********************* ny-right ********************/
.ny-more{width:295px;padding-top:50px;}
.ny-more h2{font-weight:100;font-size:18px;color:#666;margin-bottom:30px;}
.ny-more ul li{border-bottom:1px dashed #ccc;padding-bottom:20px;margin-bottom:15px;}
.ny-more ul li h3 a{color:#666;font-weight:100;font-size:16px;line-height:40px;}
.ny-more ul li h3 a:hover{color:#e46641;}
.ny-more ul li p{color:#666;font-size:14px;}
.ny-more ul li p a{color:#e46641;}


/********************* fangan ************************/
.fa-list{width:1235px;margin: 0 auto; padding:25px;box-sizing: border-box;background:#fff;}

.fa-list ul li { width: 371px; height:335px; margin: 10px; background-color: #e46641; display: inline-block;  position: relative; cursor: pointer; transition: all 0.4s ease-out; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.44); overflow: hidden;}
.fa-list ul li img { width: 100%; position: absolute; top:0; left: 0; z-index: 0; transition: all 0.4s ease-out; }
.fa-list ul li p {color:#fff;text-align:center;margin-top:295px;}
.fa-list ul li:hover { box-shadow: 0px 35px 77px -17px rgba(0, 0, 0, 0.64); transform: scale(1.05); }

.fa-list-ny{width:1235px;margin: 0 auto; padding:25px;box-sizing: border-box;background:#fff;}
.fa-list-ny h2.title{font-size:24px;font-weight:100;text-align:center;}
.fa-list-ny p.infor{font-size:14px;color:#666;text-align:center;line-height:50px;}
.fa-list-ny p span{margin:0 15px;}
.fa-list-ny div.abody{font-size:14px;color:#666;line-height:25px;margin-top:20px;}


/********************* list-news ************************/

.list-news{width:1235px;margin: 0 auto; padding:40px;box-sizing: border-box;background:#fff;}

.news_item{border:1px solid #ecebe9;margin-bottom:40px;cursor:pointer;}
.news_item:hover{border:1px solid #e46641;transition: all 0.4s ease-out;}
.news_item dl dt.f60{font-size:60px;font-family:"Aril"}
.news_item dl dd.f22{font-size:22px;font-family:"Aril"}
.news_item .fl{width:200px;background-color:#ecebe9;box-sizing:border-box;color:#e46641; padding:2%; text-align:right;}
.news_item .fl a{color:#e46641;}
.news_item .fl dd{line-height:2.0;}
.news_item .fl .line{width:25%; margin:11% 0 6% 73%;}

.news_item .fr{width:950px;box-sizing:border-box;padding:2%;}
.news_item .fr dt{line-height:2;}
.news_item .fr dd{line-height:25px;margin-top:12px;}
.news_item .fr dd.more{margin-top:2%;}
.news_item .fr dt a{color:#333;}
.news_item .fr dt a:hover{color:#e46641;}
.news_item .fr dd.spec a{color:#6a6e6e;}

.news_item .fr .hits_t{color:#999999;line-height:2.4;}
.news_item .fr .hits_num{color:#999;line-height:2.4;}
.news_item .fr .btn_a{ display:block; float:right; border:1px solid #999; line-height:2.4; padding:0 4%; color:#999;}
.news_item .fr .btn_a:hover{ border:1px solid #e46641;color:#e46641;}



/********************* article-news ************************/
.atc{width:800px;}
.atc h2{font-size: 24px;font-weight: 100;text-align: center;color: #333;height: 60px;line-height: 60px;border-bottom: 1px solid #999;overflow: hidden;}
.atc p.infor{font-size:14px;color:#666;text-align:center;line-height:50px;}
.atc p span{margin:0 15px;}
.atc div.abody{font-size:14px;color:#666;line-height:25px;margin-top:20px;padding:0;}
.atc div.abody{font-size:14px;color:#666;line-height:25px;margin-top:20px;padding:0;}
.atc div.abody img{max-width:800px;display:block;margin:0 auto;margin-bottom:10px;}

/********************* contact ************************/
.contact{width:1235px;margin: 0 auto; padding:40px;box-sizing: border-box;background:#fff;padding-top:50px;margin-top:25px;}
.general_title {font-size: 34px;text-align: center;margin:0 auto;line-height: 40px;}
.general_title_mobile {font-size: 22px;color: #666;}
.contact_type_ul{width:1201px;margin:0 auto;padding:40px 0;}
.contact_type_ul ul li{width:280px;height:360px;text-align:center;float:left;}
.contact_type_ad{background:url(../images/contact_item_bg.gif) no-repeat 0px 0px;}
.contact_type_tel{background:url(../images/contact_item_bg.gif) no-repeat -415px 0px;margin:0 158px;_display:inline;}
.contact_type_mail{background:url(../images/contact_item_bg.gif) no-repeat -832px 0px;}
.contact_type_ad_title{padding-top:140px;font-size:16px;font-weight:bold;padding-bottom:20px;}
.contact_type_ad_int{line-height:24px;font-size:14px;}
.contact_type_ad_button{width:95px;height:35px;background:#333;margin:0 auto;display:block;color:#fff;text-align:center;line-height:35px;font-size:14px;font-family:Arial;margin-top:20px;}



.wrap{width:1200px;margin:0 auto;}

.about-con-box1{width:1200px;margin:30px auto;}
.about-con-box1-left{width:600px;}
.about-con-box1-left h2{line-height:65px;background:url(../images/title-bg1.png) no-repeat left top;padding-left:30px;color:#146EF6;font-size:24px;font-weight:100;}
.about-con-box1-left p{line-height:25px;font-size:14px;color:#333;padding:10px 0;}
.about-con-box1-right{padding-top:55px;}

.about-con-box2{width:100%;height:325px;background:#146ef6;padding:20px 0;}
.about-con-box2-left img{border:10px solid #fff;}
.about-con-box2-right{width:850px;padding-top:30px;}
.about-con-box2-right h2{line-height:65px;background:url(../images/title-bg2.png) no-repeat left top;padding-left:30px;color:#fff;font-size:24px;font-weight:100;}
.about-con-box2-right p{line-height:25px;font-size:14px;color:#fff;padding:10px 0;}

.about-con-box3{width:1200px;margin:30px auto;}
.about-con-box3 h2{line-height:65px;background:url(../images/title-bg1.png) no-repeat left top;padding-left:30px;color:#146EF6;font-size:24px;font-weight:100;}
.about-con-box3 img{margin-left:40px;}

/********************* page ************************/
.page{margin:25px 0;}
.page ul {text-align:center;}
.page ul li{cursor: pointer;font-size:12px;display:inline-block;padding:0 15px;margin-left: 10px;text-align: center;vertical-align: middle;line-height: 34px;border: 1px solid #d2d2d2;border-radius:5px;}
.page ul li a{color:#999;}
.page ul li.c{background:#e46641;padding:0 15px;margin-left: 10px;text-align: center;vertical-align: middle;line-height: 34px;border: 1px solid #e46641;border-radius:5px;color:#fff;}
.page ul li:hover{background:#e46641;padding:0 15px;margin-left: 10px;text-align: center;vertical-align: middle;line-height: 34px;border: 1px solid #e46641;border-radius:5px;color:#fff;}
.page ul li.c a,.page ul li:hover a{color:#fff;}