HTML BODY {
	MARGIN:0px;  PADDING:0px; TEXT-ALIGN:left; FONT-SIZE:13px; FONT-FAMILY:"Microsoft YaHei","Arial";color:#525353; background:#fff;
}
TD,div {font-family: "Microsoft YaHei","Arial";font-size: 13px; color: #333333; line-height:22px;}

INPUT,TEXTAREA {BORDER-WIDTH:1px; BORDER-COLOR:cccccc;background:ffffff;font-family: "Microsoft YaHei","Arial";}
INPUT{ outline:medium;}
img{ border:0}
*{ margin:0}
a{ text-decoration:none; color:#333}
a:hover{ text-decoration:underline;}
ul{ padding:0; margin:0}
li{ list-style:none;}
.clear{clear:both; overflow:hidden; height:0px;}



@font-face {
    font-family: 'uus_uk_kufi_1bold';
    src: url('uusukkufi1b-webfont.woff2') format('woff2'),
         url('uusukkufi1b-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


#animate1,#animate2,#animate3,#animate4,#animate4_1,#animate4_2,#animate5,#animate6,#animate6_1,#animate6_2,#animate7,#animate7-1,#animate8,#animate8_1,#animate8_2,#animate9,#animate9-1,#animate9-2,#animate10,#animate10-1,#animate11,#animate11-1,#index_banner_animate,#index_products_animate {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	
	-webkit-animation-duration: 1s;
	-webkit-animation-delay: .2s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: 1s;
	-moz-animation-delay: .2s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: 1s;
	-ms-animation-delay: .2s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: 1s;
	animation-delay: .2s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}


.in_banner{ width:100%; margin:0 auto; min-width:1190px; max-width:1920px; height:361px; overflow: hidden; }


.r_mbxbg{min-width:1190px; max-width:1920px; width:100%; margin:auto; position:absolute; bottom:20px; z-index:9;}
.r_mbx{width:1190px; margin:auto; height:24px; text-align:right; font-size:14px; color:#b9b9ba; line-height:24px; font-weight:normal;}
.r_mbx a{font-size:14px; color:#b9b9ba;}
.r_mbx span{ color:#fff; font-size:14px;}

.in_bodybg{min-width:1190px; max-width:1920px; margin:auto; background:#f5f5f5; padding-top:55px; padding-bottom:66px;}
.page_Main{ width:1190px; margin:auto; position:relative;}


/*内页导航*/
.in_left{width:260px; position:absolute; background:url(../img/left_bg.jpg) left no-repeat; box-shadow:0 0 27px rgba(0,0,0,0.2); height:499px; top:-84px; left:0; z-index:9;}
.page_LeftClass{padding:71px 24px 0 32px}
.parent00{ width:100%; text-align:left; position:relative; margin-bottom:45px;}
.parent00 h3{color:#ffffff; font-size:16px; font-weight:normal; line-height:30px; padding-right:120px;}
.parent00 a:hover{ text-decoration:none;}
.parent00 span{ width:0; height:1px; position:absolute; top:15px; right:0; z-index:9; background-color:#FFFFFF; transition: all 0.6s; display: inline-block;}
.parent00:hover span {
    width: 119px;
    height: 1px;
    background-color: #FFFFFF;
    position: absolute;
    top:15px; right:0;
    transition: all 0.6s;
}
.parent0{width:100%; text-align:left; position:relative; margin-bottom:45px;}
.parent0 h3{color:#ffffff; font-size:16px; font-weight:normal; line-height:30px; padding-right:120px;}
.parent0 a:hover{ text-decoration:none;}
.parent0 span{ width:119px; height:1px; position:absolute; top:15px; right:0; z-index:9; background-color:#FFFFFF; transition: all 0.6s;}

/*内页右侧*/
.in_right_nr{width:930px; background:#ffffff; min-height:500px; float:right; position:relative;}
.page_RightTitle0{width:100%; position:absolute; top:-55px; left:33px; z-index:9;}
.page_RightTitle0 h4{width:100%; height:55px; font-weight:bold; font-size:20px; color:#333333; line-height:55px; text-align:left;}
.page_RightTitle1{width:100%; text-align:left;}
.page_RightTitle1 h4{width:100%; height:55px; font-weight:bold; font-size:20px; color:#333333; line-height:55px; text-align:left;}

.page_RightTitle2{width:897px; padding-left:33px; height:55px; font-weight:bold; font-size:20px; color:#333333; line-height:55px; text-align:left;}
.page_RightTitle{ width:100%; height:55px; font-weight:bold; font-size:20px; color:#333333; line-height:55px; text-align:left;}

.in_RightTitle{width:100%; border-bottom:1px solid #d9d9d9; margin-bottom:30px; font-size:18px; color:#333333; line-height:40px; text-align:left; position:relative;}
.in_RightTitle h3{font-size:18px; color:#333333; line-height:40px; font-weight:bold;}
.in_RightTitle span{float:right;}
.in_RightTitle span a{ font-size:14px; line-height:40px;}

.page_RightMain{padding:0 0 37px 0;}
.page_RightMain1{padding:37px 33px;}

.in_inquirybg{background:#FFFFFF; padding:17px 0 30px 0;}

.in_pagepro{width:274px; float:left; position:relative; margin-bottom:48px; transition:all .6s; overflow:hidden;}
.in_proimg{width:274px; height:221px; overflow:hidden;}
.in_proimg img{width:274px; height:221px; display:block; transition:all .6s;}
.in_proname{padding:10px; text-align:center; height:28px; overflow:hidden;}
.in_proname a{font-size:16px; color:#333333; line-height:28px;}
.in_pagepro .in_pro_rsp{width:100%; height:100%; background:#f5f5f5; overflow:hidden;position: absolute; top:0px;left:0px; cursor:pointer;}
.in_pagepro .in_pro_right{position:absolute; padding:34px 25px 0 25px; width:224px; height:235px; left:-100%;top:0;overflow:hidden; text-align:left;}
.in_protitle{ font-size:16px; color:#8cc777; line-height:28px; font-weight:bold;}
.in_projj{ margin-top:10px; height:117px; overflow:hidden; text-align:left; font-size:14px; color:#666666; line-height:27px;}
.in_promore{width:106px; height:34px; border:1px solid #8cc777; text-align:center; line-height:34px; font-size:14px; color:#8cc777;}
.in_pagepro:hover a{ text-decoration:none;}

.in_pagepro2{width:388px; float:left; position:relative; margin-bottom:30px; transition:all .6s;}
.in_proimg2{width:388px; height:261px; overflow:hidden;}
.in_proimg2 img{width:388px; height:261px; display:block; transition:all .6s;}
.in_pagepro2:hover .in_proimg2 img{transition:all .6s; transform:scale(1.15);}
.in_pro_right2{overflow:hidden; padding:15px 6px;}
.in_proname2{width:100%; text-align:left;}
.in_proname2 a{font-size:16px; color:#333333; line-height:28px;}
.in_projj2{width:100%; height:28px; overflow:hidden; text-align:left;}
.in_projj2 a{ font-size:14px; color:#666666; line-height:28px;}
.in_pagepro2:hover{ box-shadow:0 10px 10px rgba(0,0,0,0.13);}
.in_pagepro2:hover a{ text-decoration:none;}

.class_pic{width:100%; margin:15px 0;}
.class_pic img{ width:100%; height:auto;}
.pro_more{width:116px; height:36px; margin:auto; margin-top:18px; background:#ce070c; text-align:center; line-height:36px;}
.pro_more a{ font-size:14px; color:#fff;}

.in_newstitle{background:#eeeeee; padding:10px; margin-bottom:25px;}
.in_news_pic{width:300px; height:132px; float:left; overflow:hidden;}
.in_news_pic img{width:300px; height:132px;}
.in_news_right{width:800px; float:right; margin-right:20px; margin-top:25px;}
.in_news_name{ font-size:20px; color:#333; font-weight:bold; line-height:25px;}
.in_news_jj{ font-size:15px; color:#333; line-height:20px; margin-top:10px;}
.in_news_more{width:114px; margin-top:20px; text-align:center; height:34px; border:1px solid #666; font-size:14px; color:#666; line-height:34px;}
.in_news_right a:hover{ text-decoration:none;}
.in_news_right a:hover .in_news_name{ color:#00a0c4;}
.in_news_right a:hover .in_news_more{border:1px solid #00a0c4; background:#00a0c4; color:#FFFFFF;}

.down_list{width:100%; padding:10px 0; border-bottom:1px dashed #ccc; font-size:16px; color:#333333; line-height:25px;}
.down_list a{font-size:16px; color:#333333;}
.down_list span{ float:right; font-weight:bold;}
.down_list a:hover{ color:#ce070c;}

/*通用样式*/
#product_detail { padding:37px 33px;}
#product_detail .left { width: 100%; position:relative;}
#product_detail .big_pic { width: 100%; height:auto; text-align:center; overflow:hidden;}
#product_detail .big_pic img {width:100%; height:auto;}
#product_detail .big_pic .bigimg{ width:860px; height:694px;}
#product_detail .big_pic .view { display: block;text-indent: 20px; margin-left: 130px; width: 19px; height: 15px; display: inline-block; cursor: pointer; }
#product_name{ font-size:20px !important; color:#333333 !important; font-weight:bold; line-height:28px !important; border-bottom:1px solid #d6d6d6; padding-bottom:8px;}
.pro_info_box {text-align:left; width:100%;}
#product_detail .product_info {width:100%; overflow:hidden; margin-top:25px;}
#product_detail .product_info li { float:left; line-height:30px; font-size:14px; color:#333333;}
#product_detail .product_info li span{ color:#8cc777; font-size:18px; font-weight:bold;}
#product_detail .product_info li div{line-height:30px; font-size:14px; color:#333333;}

/*焦点图*/
#product_detail ul.pic_list {width:100%; overflow: hidden; position:absolute; bottom:5px; z-index:9;}
#product_detail ul.pic_list li { width:115px; height: 93px; text-align:center;float:left; padding-right:16px;}
#product_detail ul li { list-style: none; }

.mod18{width:100%;height:142px; position:relative; background:url(../img/in_detail_bg.png) center no-repeat;}
.mod18 .btn{position:absolute;width:10px;height:16px; cursor:pointer;z-index:99; top:66px;}
.mod18 .prev{background:url(../img/l_btn.png) center no-repeat;left:214px;}
.mod18 .prev:hover{background:url(../img/l_btn2.png) center no-repeat;}
.mod18 .next{background:url(../img/r_btn.png) center no-repeat;right:214px;}
.mod18 .next:hover{background:url(../img/r_btn2.png) center no-repeat;}

.mod18 .listBox{width:376px;height:93px;margin:auto; padding-top:26px; position:relative;overflow:hidden;}
.mod18 .listBox ul{height:93px;position:absolute;}
.mod18 .listBox li{cursor:pointer;position:relative;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li img{width:113px;height:91px; border:1px solid #91979a;}
.mod18 .listBox li img:hover{border:1px solid #8cc777;}
.mod18 .listBox .on i{display:block; border:1px solid #8cc777;}

.bt{
width:94px; margin:auto; border:none; text-align:center;
color: #fff;
background:url(../img/in_detail_btn.jpg) center no-repeat;
cursor: pointer;
height: 32px !important;
line-height:32px !important;
font-size:14px !important;
}

.in_case_list{ width:312px; height:416px; border:1px solid #e5e5e5; float:left; margin-bottom:25px; position:relative;}
.in_case_pic{width:312px; height:335px; overflow:hidden;}
.in_case_pic img{width:312px; height:335px; transition:all .6s;}
.in_case_list:hover .in_case_pic img{transition:all .6s; transform:scale(1.15);}
.project_info{width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    left: 0;
    top: 0;
    transition: all ease-out .3s;}
.incase_right{height: 61px;
    border-top: 1px solid rgba(0,0,0,.08);
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    position: absolute;
    bottom: 0px;
    top: auto;
    width: 100%;
    background: #fff; padding:10px 0;}
.incase_title{ padding:0 15px; text-align:left; font-size:16px; color:#333333; line-height:30px;}
.incase_ms{padding:0 15px; text-align:left; font-size:14px; color:#888888; line-height:30px;}
.in_case_list:hover { box-shadow: 0 15px 30px rgba(0,0,0,0.1); }
.in_case_list:hover a{ text-decoration:none;}
.in_case_list:hover .in_case_pic img{transform: scale(1.2, 1.2)}
.in_case_list:hover .incase_title{ color:#00a0c4;}
.in_case_list:hover a .incase_right { padding: 20px 0; }

.in_case{width:360px; float:left; margin-bottom:45px;}
.incase_pic{width:360px; height:321px; overflow:hidden;}
.incase_pic img{width:360px; height:321px; transition:all .6s;}
.in_case:hover .incase_pic img{transition:all .6s; transform:scale(1.15);}
.incase_name {width:340px; padding:10px; background:#d8d8d8; text-align:center; font-size:14px; color:#333333; line-height:22px; font-weight:normal;}
.in_case:hover .incase_name{ background:#b7832e;}
.in_case:hover .incase_name{ color:#ffffff;}
.in_case:hover a{ text-decoration:none;}

.detailtitle{width:1190px; margin:auto; background:url(../img/in_right.jpg) right center no-repeat; line-height:50px; font-size:22px; color:#333333; text-align:left; text-transform:uppercase; font-weight:bold;}
.detailtitle2{width:100%; text-align:center; background:url(../img/in_titledot2.jpg) center bottom no-repeat; height:45px; line-height:40px; font-size:22px; color:#fefefe; font-weight:bold; text-transform:uppercase;}
#pro_profile{ padding:20px 33px; overflow-x:auto;}
#pro_profile img{ max-width:100% !important; height:auto !important;}
#pro_profile table{width:100% !important; margin:auto; border-collapse: collapse;}
#pro_profile table td{ padding-left:5px; border:1px solid #d8d8d8;}
.btn ul li{ float:left !important;}

.pro_title1{ width:100%; font-size:22px; color:#00366e; line-height:49px; border-bottom:5px solid #002c6f}
.back{ width:100%; padding:15px 0; text-align:center}
.back span{ padding:5px 15px; color:#fff; background:#0f83d8; font-size:14px;}

.page_inquirybg{ width:100%; margin:0 auto; min-width:1002px; max-width:1920px; padding-bottom:37px; background:#f1f1f1; margin-bottom:30px; padding-top:28px;}

.pro_title2{width:700px;padding-left:11px;text-align:left;line-height:42px; font-size:22px; color:#004d98; background:#efefef; font-weight:bold; text-transform:uppercase; float:left;}

.proinquiry{width:100%; padding:25px 0 0 0}

.news .body ul li{ line-height:25px; padding:5px 0; border-bottom:1px dashed #ccc; list-style:none}
.news .body ul li a{ font-size:15px; color:#333333;}
.news .body ul li span{ float:right; font-size:14px;}
.news .body ul li:hover a{ color:#00a0c4; text-decoration:none;}

.right{ float:right}
.news #news_detail .body{ width:100%; float:left;}
.news #news_detail{ width:100%; float:left; padding:10px 0}
.news #news_detail h1{ text-align:center; font-size:18px;}
.prev_next{padding-bottom:20px; width:100%; float:left;}
.prev_next ul li{ list-style:none}

.news_view{ width:100%; float:left; padding:5px 0; border-bottom:1px dashed #ccc}

.back input[type=button]{ background:#ff9c00; padding:3px 10px; border:0; color:#fff; cursor:pointer; font-size:16px; font-family:Arial}
.news_body{ padding:10px 0}

.main_page{text-align:center;width:100%; float:left; padding-top:15px; padding-bottom:15px;}
.main_page a,.main_page .current{ margin:0 5px;}
.main_page a{ background:#f5f5f5; padding:3px 8px; color:#717071 !important; border:1px solid #d6d7d2}
.main_page .current{ padding:3px 8px; background:#00a0c4; color:#fff;border:1px solid #00a0c4}

#sitemap ul li{ list-style:none; text-align:left; list-style:none}
#sitemap ul li h2{ font-size:16px; padding-bottom:8px;color:#333333; text-transform:uppercase; font-weight:normal;}
#sitemap ul li ul li{ float:inherit; padding-left:30px}
#sitemap ul li ul li h3,#sitemap ul li ul li a{ font-size:14px;line-height:24px; color:#333333; font-weight:normal;}

/*关联产品与新闻*/
.reation{ width:100%; float:left; padding-top:15px;}
.reation h5{ font-size:24px; border-bottom:1px solid #ccc; line-height:38px; margin-bottom:10px;}

/*评论*/
.inquiry{ width:100%; float:left;}
.comment{ width:100%; float:left; padding:10px 0}
.commentTitle{ width:100%; float:left; text-align:left;}
.commentTitle h5{ font-size:22px; color:#333333; line-height:53px;text-align:left; font-weight:normal}
.commentTitle h5 span{ float:right; line-height:53px; font-size:14px;}
.commentTitle h5 span a{color:#333333;}
.commentlist{ width:100%; float:left; padding-top:10px; text-align:left;}
.commentlist ul{ width:100%; float:left;}
.commentlist ul li{ float:left; list-style:none}
.inquiryinfo{ width:100%; float:left; padding-bottom:10px;}

/*内页底部*/
.in_bottombg{width:100%; margin:0 auto; min-width:1190px; max-width:1920px; background:#eaeeef;}
.in_bottom{width:1190px; margin:auto;}
.in_bottom ul li{ float:left; width:190px; text-align:center; padding:37px 0; margin-right:10px; font-size:20px; color:#333333; line-height:25px;}

@keyframes enlargeImg{
    0%{transform: scale(1.1)}
    100%{transform: scale(1)}
}
@-o-keyframes enlargeImg{
    0%{transform: scale(1.1)}
    100%{transform: scale(1)}
}
@-moz-keyframes enlargeImg{
    0%{transform: scale(1.1)}
    100%{transform: scale(1)}
}
@-webkit-keyframes enlargeImg{
    0%{transform: scale(1.1)}
    100%{transform: scale(1)}
}
@keyframes moveLeft{
    0% {transform: translateX(15px);opacity: 0.1;}
    100% {transform: translateX(0px);opacity: 1;}
}
@-o-keyframes moveLeft{
    0% {transform: translateX(15px);opacity: 0.1;}
    100% {transform: translateX(0px);opacity: 1;}
}
@-moz-keyframes moveLeft{
    0% {transform: translateX(15px);opacity: 0.1;}
    100% {transform: translateX(0px);opacity: 1;}
}

@-webkit-keyframes moveLeft{
    0% {transform: translateX(15px);opacity: 0.1;}
    100% {transform: translateX(0px);opacity: 1;}
}
@keyframes moveRight{
    0% {transform: translateX(-15px);opacity: 0.1;}
    50% {opacity: 0.5;}
    100% {transform: translateX(0px);opacity: 1;}
}
@-o-keyframes moveRight{
    0% {transform: translateX(-15px);opacity: 0.1;}
    50% {opacity: 0.5;}
    100% {transform: translateX(0px);opacity: 1;}
}
@-moz-keyframes moveRight{
    0% {transform: translateX(-15px);opacity: 0.1;}
    50% {opacity: 0.5;}
    100% {transform: translateX(0px);opacity: 1;}
}
@-webkit-keyframes moveRight{
    0% {transform: translateX(-15px);opacity: 0.1;}
    50% {opacity: 0.5;}
    100% {transform: translateX(0px);opacity: 1;}
}
@keyframes fadeInDownSmall {
  from {
    opacity: 0;
    transform: translate3d(0%, -10px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInUpSmall {
  from {
    opacity: 0;
    transform: translate3d(0%, 10px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInLeftSmall {
  from {
    opacity: 0;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes scaleIn {
  0% {
    opacity: 0;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
  }
}