* {
    padding: 0;
    margin: 0;
    border: none;
    list-style: none;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    outline: none;
    -webkit-appearance: none;
    -webkit-text-size-adjust:none

}

ul {
    text-indent: 0;
    font-weight: normal;list-style: none;
}

body {
    background-color: #fff;
    font-size: 1.6rem;
    font-family: 'SourceHanSansCN-Regular';
    color: #666;
    overflow-x: hidden;
    line-height: 1.6;
    max-width: 1920px;
    min-width: 1200px;
    margin: 0 auto;
    font-family: 'Microsoft YaHei', Verdana, Arial, Helvetica, sans-serif;

}

a {
    text-decoration: none;
}

a:hover,
a:focus {
    text-decoration: none !important;
}

a,
button,
input {
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}
.clearfix:after {
   content:""; 
   display: block; 
   clear:both; 
}

.header{
	width: 1200px;margin: 0 auto;
}
.header_title{
	display: block;width: 134px;height: 71px;margin-left: 94px;float: left;
}
.navs{
	float: left;margin-left: 128px;
}
.navs ul li{
	float: left;position: relative;margin: 0 23px;
}
.navs a.classa{
	display: block;font-size: 20px;color: #333333;height: 71px;line-height: 71px;
	border-bottom: 3px solid #fff;position: relative;
}
.navs a.classa.focus{
	color: #d00e2b;border-bottom: 3px solid #d00e2b;cursor: pointer;
}

.navs a.classa:after{
    content: '';
    width: 0;
    height: 3px;
    background: #d00e2b;
    position: absolute;
    top: 100%;
    left: 50%;
    transition: all 0.3s ease-out;
    z-index: 10;
}
.navs a.classa:hover:after{
    left: 0;
    width: 100%;
}
.navs li .del{position: absolute; left:0; top: 70px;  overflow: hidden; background:url(../images/navsbg.png) repeat; display: none;
    opacity:0;filter:alpha(opacity=0); transition: all 0.2s ease-in-out;z-index:999;padding:10px 30px;width:456px;
   font-family:Microsoft Yahei; }
.navs li .uswd{
	width: 185px;
}
.navs li.nlayer:hover .del{ opacity: 1;filter:alpha(opacity=100); transition: all 0.2s ease-in-out; display: block;}
.navs li .del>dl{  width: 198px; float: left;}
.navs li .uswd dl{
	width: 125px;
}
.navs li .del>dl>dt{ height: 35px; margin-top: 0;}
.navs li .del>dl a{  height:35px; display: block; color: #fff; font-size: 12px;border-bottom: 1px dotted #7d7d7d;line-height: 35px; }
.navs li .del>dl dt a{ font-size: 16px;padding-left: 25px;background: url(../images/navspoint.png) 8px center no-repeat;}
.navs li .del>dl dt a:hover{
	background: url(../images/navspointh.png) 8px center no-repeat;
}
.navs li .del>dl a:hover{ color: #d00e2b;}
.navs li .del>dl dd{
	width: 86%;margin: 0 auto;
}
.menu{
	width: 1200px;margin: 0 auto;overflow: hidden;
}
.menu1{
	margin: 0 auto;
}
.menu_title{
	width: 100%;height: 195px;
}
.menu_title1{
	background: url(../images/menu1.png) center 80px no-repeat;
}
.menu_title2{
	background: url(../images/menu2.png) center 80px no-repeat;
}
.menu_title3{
	background: url(../images/menu3.png) center 80px no-repeat;
}
.menue_p{
	font-size: 18px;color: #666666;line-height: 30px;
	padding: 0 100px;text-align: center;
}
.ser_list{
	margin: 0 auto;padding-left: 21px;
}
.ser_meu{
	display: block;width: 137px;height: 178px; position:relative;float: left;
	margin: 40px 0 0 80px; cursor: pointer;
}
.ser_meu span{
	display: block;width: 100%;position: absolute;bottom: 0;left: 0;line-height: 22px;
	text-align: center;font-size: 20px;
}
.ser_meu:hover span{
	color: #d00e2b;
}
.ser_meu1{
	background: url(../images/ma1.png) left top no-repeat;	
}
.ser_meu1:hover{
	background: url(../images/mah1.png) left top no-repeat;	
}
.ser_meu2{
	background: url(../images/ma2.png) left top no-repeat;	
}
.ser_meu2:hover{
	background: url(../images/mah2.png) left top no-repeat;	
}
.ser_meu3{
	background: url(../images/ma3.png) left top no-repeat;	
}
.ser_meu3:hover{
	background: url(../images/mah3.png) left top no-repeat;	
}
.ser_meu4{
	background: url(../images/ma4.png) left top no-repeat;	
}
.ser_meu4:hover{
	background: url(../images/mah4.png) left top no-repeat;	
}
.ser_meu5{
	background: url(../images/ma5.png) left top no-repeat;	
}
.ser_meu5:hover{
	background: url(../images/mah5.png) left top no-repeat;	
}

.products{
	margin: 0 auto;width: 1024px;
}
.product{
	width: 309px;height: 392px;border: 2px solid #959595;float: left;margin: 0 16px 32px 16px;
	text-align: center;padding-top: 20px;position: relative;line-height: 460px;
}
.product h3{
	font-size: 22px;color: #333333;font-weight: normal;width: 231px;border-bottom: 1px solid #000000;height: 42px;line-height: 42px;margin: 0 auto;
}
.product img{
max-width:274px; 
max-height:283px;
width:expression((this.width > 274 && this.width > this.height) ?  274 : auto); 
height:expression(this.height > 283 ? 283 : auto);
}
.product_txt{
	font-size: 12px;color: #666666;line-height: 27px;width: 305px;
	overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
.products_txt{
	position: absolute;bottom: 34px;width: 100%;z-index: 1;left: 0;
}
.eject_txt{
	display: none;width: 100%;height: 100%;background: url(../images/hoverbg.png) repeat;cursor:pointer;
	position: absolute;left: 0;top: 0;z-index: 999;line-height: 28px;color: #fff;padding-top: 94px;
}
.eject_txt h4{
	font-size: 22px;line-height: 58px;width: 231px;margin: 0 auto;font-weight: normal;
	border-bottom: 1px solid #fff;
}
.eject_txt p{
	font-size: 16px;padding: 10px 40px;
}
.product:hover .eject_txt{
	display: block;
}
.index_btns{
	width: 156px;height: 41px;line-height: 36px;border: 2px solid #c6c6c6;font-size: 18px;margin: 0 auto;display: block;text-align: center;
	position: relative;	
	z-index: 2;
    color: #666666;
    background: transparent \9;
}
.index_btns span{
	display: block;position: relative;z-index: 2;
}
.index_btns:after{
    content: '';
    width: 0;
    height: 41px;
    color: #ffffff;background: #d00e2b;
    position: absolute;
    top: -2px;
    left: 50%;
    transition: all 0.3s ease-out;
    z-index: 1;
}
.index_btns:hover:after{
    left: 0;
    width: 100%;
}
.index_btns:hover{
	color: #fff;
}
.index_case{
	margin: 0 auto;width: 1213px;
}
.case{
	position: relative;width: 293px;height: 489px;float: left;margin-right: 10px;
}
.case img{
	width: 293px;height: 489px;
}
.case a{
	width: 100%;height: 100%;background: url(../images/blackbg.png) repeat;
	position: absolute;left: 0;top: 0;padding-top: 197px;display: none;
}
.case:hover a{
	display: block;
}
.case a h3{
	font-size: 18px;color: #fff;font-weight: normal;text-align: center;padding: 0 10px;line-height: 22px;
}
.case a span{
	display: block;width: 40px;height: 40px;background: url(../images/circular.png) no-repeat;margin: 46px auto 0 auto;
}
.index_hed{
	height: 40px;
}
/*footer*/
.footer{ background: #333333; font-size: 20px; text-align: center; overflow: hidden; height: 366px;}
.footer .footer-nav{ width: 915px; margin: 0 auto; color: #fff;}
.footer .footer-nav ul{ margin-top: 78px; padding-bottom: 30px; float:none;overflow: hidden;}
.footer ul li{float: left; width: 183px; height:20px;line-height:20px;position: relative;  border-right: 1px solid #cccccc;}
.footer ul li a{ display:inline-block; color: #fff;}
.footer ul li:last-child{ border-right: none;}
.footer ul li a:hover{ color: #d00e2b;}
.footer p{ font-size: 18px; line-height: 2em;}
.contact{
	position: relative;text-align: left;padding-left: 70px;margin-top: 7px;
}
.contact p{
	font-size: 18px;color: #fff;
}
.code{
	width: 93px;height: 93px;position: absolute;left: 770px;top: 5px;
}
.index_copy{
	padding-top: 30px;
}

/*****************pages*******************/
.banner-con{ height: 400px; overflow: hidden;}
.banner-con .inner{ width: 1054px; display: block; margin: 121px auto 0; overflow: hidden; height: 220px;}
.banner-con .s1{
	font-size: 27px; color: #fff;line-height: 1.2em; font-family:Verdana;letter-spacing: 3px;
}
.banner-con .s4-line{ 
	margin-top: 10px;
	font-size: 14px; color: #fff;line-height: 1em; font-family:'Microsoft YaHei';letter-spacing: 2px;
}
.banner-con .s2{
top:200px; margin-top: 20px; 
font-size: 80px; font-family: "UNI SANS HEAVY";color:#fff; line-height: 1.2em;
}
.banner-con .s2 span{
	color: #d00e2b;
}
.banner-case{ background: url("../imgs/page1.jpg") no-repeat top center;}
.banner-case2{ background: url("../imgs/page2.jpg") no-repeat top center;}
.banner-case3{ background: url("../imgs/page3.jpg") no-repeat top center;}
.banner-case4{ background: url("../imgs/page4.jpg") no-repeat top center;}
.banner-case5{ background: url("../imgs/page5.jpg") no-repeat top center;}
.pages_main{
	width: 1200px;margin: 0 auto;padding-top: 40px;
}
.page_menu{
	width: 330px;float: left;
}
.pages_title{
	width: 330px;height: 60px;line-height: 60px;font-size: 24px;text-align: center;color: #fff;background: #d00e2b;letter-spacing: 2px;
}
.p_mlist{
	width: 100%;margin: 0 auto;color: #666666;
}
.m_classa{
	width: 100%;height: 70px;line-height: 70px;border-bottom: 1px solid #666666;padding-left:85px;display:block;color:#666666;
	background: url(../images/pm1.png) 42px center no-repeat;position: relative;font-size: 20px;cursor: pointer;
}
.m_classa1{
	background: url(../images/pm2.png) 42px center no-repeat;
}
.p_arrow{
	display: block;width: 11px;height: 11px;background: url(../images/arrow.png) no-repeat;
	position: absolute;top: 30px;right: 26px;
}
.p_mlist ul{
	width: 260px;margin-left: 70px;
}
.p_mlist ul li a{
	display: block;height: 51px;line-height: 51px;border-bottom: 1px solid #c2c2c2;padding-left: 55px;
	background: url(../images/point.png) 19px center no-repeat;font-size: 16px;color: #666666;
}
.p_mlist ul li a:hover,.p_mlist ul li a.focus{
	background: url(../images/pointh.png) 19px center no-repeat;color: #d00e2b;
}
.pages_r{
	width: 831px;float: right;
}
.pages_rm{
	height: 38px;line-height: 38px;width: 100%;border-bottom: 1px solid #dfdfdf;position: relative;
}
.pages_rmt{
	font-size: 16px;color: #666666;float: left;width: 137px;border-bottom: 3px solid #666666;line-height: 36px;text-align: center;letter-spacing: 2px;font-weight: normal;
	position: absolute;left: 0;bottom: -2px;z-index: 999;
}
.pages_rmh{
	float: right;padding-right: 12px;letter-spacing: 2px;font-size: 12px;color: #999999;
}
.pages_rmh a{
	color: #999999;
}
.pages_rmh a:hover{
	color: #d00e2b;
}
.p_plist{
	margin: 0 auto;padding: 0;
}
.p_plist a{
	display:block;width: 255px;height: 258px;border: 1px solid #f1f1f1;margin: 30px 11px 0 11px;position: relative;
	float: left;
}
.p_plist a:hover{
	border: 1px solid #d00e2b;
}
.p_plist a img{
max-width:220px; 
max-height:160px;
width:expression((this.width > 180 && this.width > this.height) ?  180 : auto); 
height:expression(this.height > 160 ? 160 : auto);
display: block;
margin: 20px auto 0 auto;
}
.p_txt{
	width: 255px;height: 70px;position: absolute;left: 0;bottom: 0;background: #f1f1f1;
	padding: 16px 0 0 12px;
}
.p_txt:after{
content: '';
width: 24px;
height: 24px;
position: absolute;
right: 14px;
top: 24px;
background: url(../images/circularp.png) no-repeat center center;
}
.p_txt span{
	display: block;line-height: 22px;
}
.p_txt .txt_t{
	font-size: 18px;color: #333333;width:188px;
	overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
.p_txt .txt_tc{
	font-size: 12px;color: #999999;width:165px;
	overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
.p_plist a:hover .p_txt{
	background: #d00e2b;
}
.p_plist a:hover .p_txt:after{
	background: url(../images/circularph.png) no-repeat center center;
}
.p_plist a:hover .p_txt span{
	color: #fff;
}
.paging{
	margin: 52px auto 0 auto;text-align: center;
}
.paging a{
	display: inline-block;height: 30px;line-height: 28px;padding: 0 7px;border: 1px solid #b5b4b5;
	margin: 0 5px;font-size: 18px;color: #666666;
}
.paging a:hover{
	color: #fff;background: #d00e2b;border: 1px solid #d00e2b;
}
/*************content**************/
.p_content{
	margin: 0 auto;padding: 40px 0 0 0;
}
.c_img{
display: block;margin: 0 auto;
max-width:500px; 
max-height:500px;
width:expression((this.width > 380 && this.width > this.height) ?  380 : auto); 
height:expression(this.height > 380 ? 380 : auto);
}
.c_title{
	text-align: center;padding-top: 24px;padding-bottom: 8px;
}
.c_title span{
	padding: 8px 0;border-bottom: 1px solid #656565;font-size: 18px;color: #333333;
}
.ct_img{
	margin: 0 auto;
}

.pages_case{
	width: 1200px;float: none;
}
.p_case a{
	height: 303px;border: none;margin: 30px 12px 0 12px;
}
.p_case a img{
max-width:255px; 
max-height:185px;
width:expression((this.width > 255 && this.width > this.height) ?  255 : auto); 
height:expression(this.height > 185 ? 185 : auto);
display: block;
margin: 0;
}
.p_case a:hover{
	border: none;
}
.pc_txt{
	height: 118px;border-top: 2px solid #fff;
}
.pc_txt:after{
	display: none;
}
.p_case{
	padding-left: 40px;
}
.p_case a:hover .pc_txt{
	border-top: 2px solid #d00e2b;
}
.pc_txt .txt_t{
	width: 230px;
}
.pc_txt .txt_date{
	font-size: 12px;color: #666;
}
.pc_txt .txt_date b{
	font-weight: normal;
}
.pc_txt  .txt_tc{
	font-size: 14px;height: 48px;width: 230px;
white-space: normal;
}
.pc_txt  .txt_tc:after{
content:"...";
font-weight:bold;
position:absolute;
bottom:15px;
right:58px;
}
.pages_content{
	margin: 0 auto;padding: 0;width: 100%;overflow: hidden;
}
.title_main{
	font-size: 24px;color: #000000;text-align: center;margin-top: 21px;
}
.xtitle{
	font-size: 16px;color: #999999;text-align: center;margin-top: 7px;
}
.content_main{
	padding: 26px 0 0 0;
}
.imgscs{
	display: block;margin: 0 auto;
}
/********************/
.p_programme a{
	height: 268px;border-left: none;border-top: none;border-right: none;margin: 30px 9px 0 9px;
	width: 261px;
}
.p_programme a img{
max-width:261px; 
max-height:188px;
width:expression((this.width > 261 && this.width > this.height) ?  261 : auto); 
height:expression(this.height > 188 ? 188 : auto);
display: block;
margin: 0;
}
.p_programme a:hover{
	border-bottom: 1px solid #d00e2b;border-left: none;border-top: none;border-right: none;
}
.pr_txt{
	height: 80px;width: 261px;background: #fff;padding: 16px 0 0 0;
}
.pr_txt:after{
	background: none;
}
.p_programme{
	padding-left: 43px;
}
.pr_txt .txt_t{
	width: 230px;color: #666666;
}
.pr_txt .txt_date{
	font-size: 16px;color: #999999;margin-top: 3px;
}
.p_programme a:hover .pr_txt{
	background: #fff;
}
.p_programme a:hover .pr_txt:after{
	background: url(../images/cpr.png) no-repeat center center;right: 0;
}
.p_programme a:hover .pr_txt span{
	color: #d00e2b;
}
.m_classico1{
	background: url(../images/us_ico1.png) 42px center no-repeat;
}
.m_classico2{
	background: url(../images/us_ico2.png) 42px center no-repeat;
}
.m_classico3{
	background: url(../images/us_ico3.png) 42px center no-repeat;
}
.usico .p_arrow{
	width: 11px;height: 11px;background: url(../images/ar.png) center center no-repeat;
}
.usico:hover .p_arrow,.m_focus .p_arrow{
	background: url(../images/arh.png) center center no-repeat;
}
.contact_btn{
	margin: 0 auto;
}
.cbtn{
	width: 165px;float: left;height: 180px;background: url(../images/line_v.png) right center no-repeat;
}
.cbtn .cbtns{
	width: 74px;height: 74px;margin: 16px auto 0 auto;
}
.cbtn .cbtns1{
	background: url(../images/c_ico1.png) center center no-repeat;
}
.cbtn .cbtns2{
	background: url(../images/c_ico2.png) center center no-repeat;
}
.cbtn .cbtns3{
	background: url(../images/c_ico3.png) center center no-repeat;
}
.cbtn .cbtns4{
	background: url(../images/c_ico4.png) center center no-repeat;
}
.cbtn .cbtns5{
	background: url(../images/c_ico5.png) center center no-repeat;
}
.ct_txt{
	margin-top: 24px;
}
.ct_txt span{
	display: block;font-size: 18px;color: #666;text-align: center;line-height: 22px;
}
.ct_txt span.c_number{
	font-size: 14px;color: #999999;padding-top: 2px;
}
.cbtn:hover .cbtns1{
	background: url(../images/ch_ico1.png) center center no-repeat;
}
.cbtn:hover .cbtns2{
	background: url(../images/ch_ico2.png) center center no-repeat;
}
.cbtn:hover .cbtns3{
	background: url(../images/ch_ico3.png) center center no-repeat;
}
.cbtn:hover .cbtns4{
	background: url(../images/ch_ico4.png) center center no-repeat;
}
.cbtn:hover .cbtns5{
	background: url(../images/ch_ico5.png) center center no-repeat;
}
.cbtn:hover .ct_txt span{
	color: #d00e2b;
}
.p_news{
	margin: 30px auto 0 auto;padding: 0;
	background: url(../images/point_line.png) 75px top no-repeat;
}
.p_news ul li{
	margin-bottom: 22px;
}
.date_ico{
	display: block;width: 69px;height: 69px;background: url(../images/date_c.png) no-repeat;padding-top:8px;
	float: left;margin: 86px 0 0 48px;font-size: 18px;color: #fff;line-height: 25px;text-align: center;
}
.news_list{
	width: 996px;height: 224px;background: url(../images/news_k.png) no-repeat;float: right;margin-right: 48px;
}
.news_list img{
	display: block;float: left;width: 242px;height: 208px;margin: 8px 0 0 43px;
}
.news_txt{
	float: left;width: 650px;margin-left: 30px;margin-top: 25px;
}
.news_txt h3{
	font-size: 24px;color: #333333;font-weight: normal;
}
.news_txt p{
	font-size: 16px;color: #999999;line-height: 30px;padding-top: 5px;
}
.news_txt .news_more{
	font-size: 18px;color: #333333;text-align: right;
}
.p_news ul li a:hover .date_ico{
	background: url(../images/date_ch.png) no-repeat;
}
.p_news ul li a:hover .news_list{
	background: url(../images/news_kh.png) no-repeat;
}
.p_news ul li a:hover .news_txt h3{
	color: #d00e2b;
}
.click_no ul{
	display: none;
}
.click_no .p_arrow{
	background: url(../images/arrowed.png) no-repeat;
}


.dede_pages{
	margin: 52px auto 0 auto;text-align: center;height: 41px;
}
.dede_pages ul:after{
	content: '';
    width: 0;
    height: 3px;
    background: #d00e2b;
    position: absolute;
    top: 100%;
    left: 50%;
    transition: all 0.3s ease-out;
    z-index: 10;
}
.dede_pages ul li{
	float:left;
	margin: 0 5px;font-size: 18px;color: #666666;height: 30px;line-height: 28px;
	border: 1px solid #b5b4b5;
}
.dede_pages ul li a{
	display: inline-block;height: 30px;line-height: 28px;padding: 0 7px;color: #666666;
	
}
.dede_pages ul li a:hover{
	color: #fff;background: #d00e2b;border: 1px solid #d00e2b;
}
.dede_pages ul li.thisclass{
	display: block;height: 30px;line-height: 28px;padding: 0 7px;
	margin: 0 5px;font-size: 18px;
color: #fff;background: #d00e2b;border: 1px solid #d00e2b;
}
.dede_pages .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#999;
}
.dede_pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}
.dede_pages ul li select{
border: none;outline: none;width: 100%;line-height: 40px;
 appearance: none;-webkit-appearance: none;-moz-appearance: none;
	font-size: 20px;
}