@charset "gb2312";
/* CSS Document */

*{padding:0;margin:0}
html{-ms-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
-moz-tap-highlight-color:rgba(0, 0, 0, 0);  
-ms-tap-highlight-color:rgba(0, 0, 0, 0);  
-o-tap-highlight-color:rgba(0, 0, 0, 0);  
tap-highlight-color:rgba(0, 0, 0, 0);}
body{font-family:"Microsoft Yahei",Arial; overflow-x:hidden;font-size:14px; color:#535353; background:#fff;}
a{ text-decoration:none;outline:none;background: transparent;blr:expression(this.onFocus=this.blur());-webkit-transition:.5s;-moz-transition:.5s; transition:.5s;color:#666}
a:hover{color:#e93469;}
img{ border:none}
button,
input,
select,
textarea {
    font-family: inherit; 
    font-size: 100%; 
    margin: 0;
    outline:none;
	border:none;
}
table{ border-collapse:collapse}
td{ padding:0 5px;}
ul,ol,li{ list-style:none}
.clearfix{clear:both;zoom:1}
.clearfix:after{ content:".";display:block;height:0;clear:both;visibility:hidden}
.fl{float:left}
.fr{float:right}
.col01{color:#e93469} 
.wrap{ width:1300px; margin:0 auto}
.header{ height:100px;}
.logo img{ padding-top:30px;}
.tel{ font-size:22px; font-weight:bold; font-family:"simhei"; background:url(../images/tel.jpg) no-repeat left center; padding-left:45px; line-height:40px; margin-top:40px;}
.menu{ margin-right:10%}
.menu li{ float:left; font-size:17px; font-weight:bold; line-height:80px; padding-top:20px; margin:0 20px; position:relative}
.menu li a{ color:#595959; position:relative}
.menu li a:hover,.menu li a.cur,.menu li a.curh{ color:#e93469;}
.menu li .line{background:#e93469; position:absolute;bottom:-3px; left:50%;height:1px;width:0;-webkit-transition:.5s;-moz-transition:.5s; transition:.5s;}
.menu li a:hover .line,.menu li a.cur .line,.menu li a.curh .line{ width:100%;left:0;}
.menu li .sub{ position:absolute;z-index:99; background:#fff; width:120px; margin-left:-60px;left:50%;box-shadow:0 0 10px rgba(0,0,0,0.15); height:0; opacity:0; top:120px;overflow: hidden; transition:.5s}
.menu li .sub dd{line-height:30px; font-weight:normal; font-size:16px; border-bottom:1px dotted #d8d8d8; position:relative; text-align:center}
.menu li .sub dd a{ display:block; padding:10px 0}
.menu li:hover .sub{ height:auto; opacity:1; top:100px}

.i-banner{ position:relative; background:#333; height:735px; overflow:hidden}
.i-banner .slides img{display:block; margin:0 auto}
.i-banner .flex-control-nav{bottom:3%}
.flex-control-nav li {overflow: hidden; vertical-align:middle}
.flex-control-paging li a {
  width: 10px !important;
  height: 10px !important;
  background:#fff;border-radius:50%;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s; box-shadow:inset 0 0 3px rgba(0,0,0,0.3);
}
.flex-control-paging li a.flex-active{width: 14px !important;height: 14px !important;}
.i-about{ background:url(../images/bg1.jpg) no-repeat left bottom; background-size:100% auto; padding:60px 0 70px;font-size:16px;}
.i-about h1{ font-weight:normal; text-align:center; color:#333; line-height:45px}
.i-about h1 span{ font-family:Arial; color:#666; padding:0 10px}
.i-about .pro_cl{ width:104%; margin-top:45px; margin-bottom:45px;}
.i-about .pro_cl li{ float:left; width:16%; margin-right:4%; text-align:center}
.i-about .pro_cl li img{ width:100%; height:auto; display:block}
.i-about .pro_cl li .pic{ border:1px solid #e5e5e5; padding:3px;}
.i-about .pro_cl li a{ color:#666; }
.i-about .pro_cl li p{ padding-top:10px;}
.i-about .text{ line-height:30px; color:#737373; text-align:center;}
.i-product{background:#f4f4f4; font-size:16px;}
.i-product .res-pic img{ width:100%; display:block;}
.i-proList-con{ background:#fff; margin-top:40px; padding:30px; box-shadow:0 5px 15px -3px rgba(0,0,0,0.2); position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box;}
.i-proList-con .icon{ position:absolute; width:42px; height:14px; background:url(../images/common.png) no-repeat 0 -36px; left:50%; margin-left:-21px;top:-14px}
.i-proList{ padding-bottom:60px}
.i-proList-con ul{ width:101.5%}
.i-proList-con li{ float:left; width:23.5%; margin-right:1.5%; margin-bottom:30px;}
.i-proList-con li img{ width:100%; display:block}
.i-proList-con li p{ padding-top:15px; line-height:30px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.i-proList-con li .line{ display:block; width:25px; height:2px; background:#e93469;-webkit-transition:.5s ease-in;-moz-transition:.5s ease-in; transition:.5s ease-in}
.i-proList-con li:hover .line{ width:100%;}

.nbanner{ position:relative}
.nbanner img{ width:100%;display:block}
.nbanner .text{ position:absolute; bottom:45%; width:100%; font-size:30px; font-weight:bold}
.nbanner .text .line{ width:20px; height:2px; background:#e93469; display:block; margin-top:10px}
.nmain{ background:#f4f4f4;color:#737373}
.contain_1{ padding-bottom:60px; background:#fff;padding:60px 0}
.contain_2{padding:60px 0}
.nmain .title{ font-size:28px;position:relative; margin-bottom:45px}
.nmain .title:before{content:""; width:400px; height:1px; background:#957e70; position:absolute; left:50%; margin-left:-200px;top:50%; z-index:1}
.nmain .title span{ display:block; margin:0 auto; background:#f4f4f4; width:180px; text-align:center;color:#333; position:relative; z-index:2}
.nmain .title span:before{ content:""; width:30px; height:2px; background:#ff316b; position:absolute;top:50%; left:-30px;margin-top:-1px}
.nmain .title span:after{ content:""; width:30px; height:2px; background:#ff316b; position:absolute;top:50%; right:-30px;margin-top:-1px}
.contain_1 .title span{ background:#fff}
.nmain .content{ line-height:28px; font-size:16px}
.nmain .content ing{ max-width:100%;}
.horlist{ width:102%; margin-top:60px}
.horlist li{ float:left; width:31.33%; margin-right:2%; text-align:center}
.horlist li .pic{ height:280px; text-align:center; background:#fff}
.horlist li img{ max-width:100%; height:100%; display:inline-block}
.horlist li p{ padding-top:15px}
.nmain .more{ display:block; margin:0 auto; padding:5px 15px; background:#957e70; width:120px; color:#fff; text-align:center; margin-top:40px}
.nmain .more:hover{ background:#7f6a5e}
.horlist2{width:102%; margin-top:60px}
.horlist2 li{float:left; width:31.33%; margin-right:2%; margin-bottom:3%; text-align:center; background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; /*box-shadow:0 0 8px rgba(0,0,0,0.1)*/}
.horlist2 li .pic{ height:280px; text-align:center; background:#fff}
.horlist2 li img{ max-width:100%; height:100%; display:inline-block}
.horlist2 li p{ padding-top:10px; padding-bottom:20px; border-top:2px solid #f4f4f4}

.prolist li{ float:left; width:48%; margin:0 1% 2%;position:relative}
.prolist li .pic{ position:relative;overflow:hidden; background-size:cover !important;}
.prolist li .pic img{ width:100%; height:auto; display:block;-webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s; transition:.8s}
.prolist li .pic .bg{ width:100%; height:100%; background:#000; opacity:0.3; filter:alpha(opacity=30); position:absolute;top:0;left:0;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s; transition:.5s}
.prolist li .text{ position:absolute; bottom:0;left:0; color:#fff; padding-left:30px; padding-bottom:30px;}
.prolist li .text h3{ font-weight:normal; font-size:25px;}
.prolist li .text p{ font-size:12px;}
.prolist li.last{ width:98%}
.prolist li:hover .pic .bg{opacity:0; filter:alpha(opacity=0);}
.prolist li:hover .pic img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05); transform:scale(1.05)}

.prolist-box{ margin-top:50px;}
.prolist-box li{ float:left;width: 23.5%;margin-right: 1.5%;margin-bottom: 30px; text-align:center; background:#fff; border:1px solid #e8e8e8;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box;}
.prolist-box li img{ width:100%; display:block; height:auto}
.prolist-box li .tit{ padding:15px 10px 30px;overflow:hidden; font-size:15px;text-align:center}
.prolist-box li .tit p{ line-height:30px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.prolist-box li .line{ display:block; width:25px; margin:0 auto;height:2px; background:#e93469;-webkit-transition:.5s ease-in;-moz-transition:.5s ease-in; transition:.5s ease-in}
.prolist-box li:hover .line{ width:100%;}
.prolist-box li{ -webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;}
.prolist-box li:hover{ box-shadow:0 0 30px rgba(0,0,0,0.1);}
.prolist-d .ptit{ text-align: center}
.prolist-d .ptit span{ display:inline-block; border-top:1px solid #333; border-bottom:1px solid #333; color:#333; font-size:25px; line-height:45px}
.pro-pic{ margin-top:30px; position:relative; height:580px;overflow:hidden; padding:0 150px}
.pro-pic .slides li img{display:block; margin:0 auto; max-height:580px}
.pro-pic .flex-direction-nav a{ width:70px; height:70px; display:block; background:url(../images/arrow.png) no-repeat 0 0;position:absolute; top:50%; margin-top:-35px; right:50px; opacity:1}
.pro-pic .flex-direction-nav .flex-prev{background:url(../images/arrow.png) no-repeat 0 -70px;left:50px}
.pro-pic .flex-control-nav{ margin:0 -130px}
.prodetail{ margin-top:30px;border:1px solid #d8d8d8; border-top:none}
.prodetail-list{border-top:1px solid #e93469; background:#f5f5f5}
.prodetail-list a{ line-height:50px; float:left;width:120px; text-align:center}
.prodetail-list a.active{ background:#fff; color:#e93469; font-weight:bold}
.prodetail-con{padding:30px; background:#fff;}
.prodetail-con .prodetail-con-hd{ display:none}
.prodetail-con .prodetail-con-hd.active{ display:block}
.ralated-pro{ width:101.5%}
.ralated-pro li{float: left;width: 23.5%;margin-right: 1.5%;margin-bottom: 30px;}
.ralated-pro li .pic{ border:1px solid #e8e8e8;}
.ralated-pro li p {padding-top: 15px;line-height: 30px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.ralated-pro li .line{ display:block; width:25px; height:2px; background:#e93469;-webkit-transition:.5s ease-in;-moz-transition:.5s ease-in; transition:.5s ease-in}
.ralated-pro li:hover .line{ width:100%;}
.ralated-pro li img{ width:100%; display:block; height:auto}

.n-nav ul{ text-align:center; font-size:16px}
.n-nav li{ display:inline-block;}
.n-nav li a{ display:block; padding:10px 25px; background:#957e70; color:#e5e5e5}
.n-nav li a:hover,.n-nav li a.cur{ background:#e93469; color:#fff}
.newlist{ margin-top:50px}
.newlist li{ margin-bottom:3%;}
.newlist li .pic{ width:32%; overflow:hidden}
.newlist li .pic img{ width:100%; height:auto; display:block;-webkit-transition:.8s;-moz-transition:.8s;transition:.8s}
.newlist li .text{ width:65%;}
.newlist li .text .tit{font-size: 18px;color: #000;}
.newlist li .text .time{ font-size:12px; color:#999; padding-top:10px;}
.newlist li .text .intro{ font-size:15px; color:#737373; line-height:24px; margin-top:10px; margin-bottom:30px}
.newlist li .text .nmore{color:#957e70; font-size:14px; display:inline-block; line-height:18px; background:url(../images/nmore.png) no-repeat left bottom; padding-bottom:15px;}
.newlist li:hover .pic img{ -webkit-transform:scale(1.03);-moz-transform:scale(1.03);transform:scale(1.03); opacity:0.8; filter:alpha(opacity=80)}
.content .ntit{ font-size:25px; text-align:center; font-weight:normal;color:#333; border-bottom:1px solid #e8e8e8; padding-bottom:20px; margin-bottom:30px;}
.news-d{ background:#fff; padding:35px;}
.caselist{margin-top:50px}
.caselist ul{ width:102%}
.caselist li{ width:31.33%; margin-right:2%; margin-bottom:3%; float:left}
.caselist li .pic{overflow:hidden}
.caselist li .pic img{ width:100%; height:auto; display:block;-webkit-transition:.8s;-moz-transition:.8s;transition:.8s}
.caselist li .text{}
.caselist li .text .tit{font-size: 18px;color: #000; padding-top:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.caselist li .text .time{ font-size:12px; color:#999; padding-top:10px;}
.caselist li .text .intro{ font-size:15px; color:#6b6b6b; line-height:24px; margin-top:10; margin-bottom:10px}
.caselist li .text .nmore{color:#957e70; font-size:14px; display:inline-block; line-height:18px; background:url(../images/nmore.png) no-repeat left bottom; padding-bottom:15px;}
.caselist li:hover .pic img{ -webkit-transform:scale(1.03);-moz-transform:scale(1.03);transform:scale(1.03); opacity:0.8; filter:alpha(opacity=80)}
.contact{ line-height:26px;}
.contact .right{ width:37%;height:350px; background:#fff; padding:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box}
.contact .right li{ border-bottom:1px solid #e8e8e8; padding-bottom:20px; margin-bottom:20px;}
.contact .right li:first-child{ padding-left:50px; background:url(../images/cont_01.png) no-repeat left 3px}
.contact .right li:nth-child(2){ padding-left:50px; background:url(../images/cont_02.png) no-repeat left 3px}
.contact .right li:nth-child(3){ padding-left:50px; background:url(../images/cont_03.png) no-repeat left 3px}
.contact .right li .p1{color:#333;}
.contact .right li .p2{color:#888}
.contact .left{ width:60%}
.message-row{}
.message-row .message-inp{width:80%; margin:0 auto 15px;}
.message-row .message-inp input,.message-row .message-inp textarea{ width:100%; border:1px solid #e8e8e8; padding:15px 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box;}
.message-row .message-inp textarea{ height:200px; display:block}
.message-row .message-inp .code{ width:40%}
.message-row .message-inp .submit{ width:120px; background:#e93469; color:#fff; padding:10px 0; cursor:pointer}

.foot-top{ padding:40px 0;}
.strength{ border-bottom:1px solid #e8e8e8; padding-bottom:30px; margin-bottom:35px;}
.strength ul{width:110%}
.strength li{ float:left; width:25%; vertical-align:middle; font-size:16px; font-weight:bold}
.strength li i{ width:51px; height:51px; background:url(../images/fad.png) no-repeat 0 0; display:inline-block; vertical-align:middle; margin-right:15px;}
.strength li.li2 i{background:url(../images/fad.png) no-repeat 0 -51px;}
.strength li.li3 i{background:url(../images/fad.png) no-repeat 0 -102px;}
.strength li.li4 i{background:url(../images/fad.png) no-repeat 0 -153px;}
.f-nav .left{ width:60%}
.f-nav .left li{ float:left; width:25%; line-height:22px}
.f-nav .left li h3{ font-weight:normal; margin-bottom:8px}
.f-nav .left li h3 a{ color:#000;}
.f-nav .left li p a:hover{ text-decoration:underline}
.f-nav .right{ width:25%; line-height:25px}
.f-nav .right h3{font-weight:normal; margin-bottom:8px;line-height:22px; color:#000}
.f-nav .right .ftel,.f-nav .right .femail{ padding-left:35px; position:relative}
.f-nav .right .ftel:before{ content:""; width:24px; height:24px;background:url(../images/common.png) -35px -6px; position:absolute; top:8px; left:0}
.f-nav .right .femail:before{ content:"";width:21px; height:18px;background:url(../images/common.png) -5px -6px; position:absolute; top:0px; left:0}
.foot-bot{ background:#404040; padding:30px 0; color:#898989;line-height:26px}
.friendlink{ text-align:center; margin-bottom:10px; }
.friendlink a{color:#898989;padding:0 5px}
.friendlink a:hover{ text-decoration:underline; color:#b3b3b3; }
.toolbar{position:fixed;right:20px;bottom:20%;}
.toolbar li{ width:44px; height:52px; position:relative;margin-bottom:1px;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s; transition:.5s;}
.toolbar li a{display:block; height:100%}
.toolbar .toolbar-item-qq{ background:url(../images/toolbar.png) no-repeat 0 -124px;}
.toolbar .toolbar-item-feedback{background:url(../images/toolbar.png) no-repeat 0 0;}
.toolbar .toolbar-item-wx{background:url(../images/toolbar.png) no-repeat 0 -373px;}
.toolbar .toolbar-item-top{background:url(../images/toolbar.png) no-repeat 0 -249px;}
.toolbar .toolbar-item-qq:hover{ background:url(../images/toolbar.png) no-repeat 0 -186px;}
.toolbar .toolbar-item-feedback:hover{background:url(../images/toolbar.png) no-repeat 0 -62px;}
.toolbar .toolbar-item-wx:hover{background:url(../images/toolbar.png) no-repeat 0 -435px;}
.toolbar .toolbar-item-top:hover{background:url(../images/toolbar.png) no-repeat 0 -310px;}
.toolbar .toolbar-layer{ background:#fff; position:absolute; right:50px;bottom:0;width:130px; padding:5px; box-shadow:0 0 5px rgba(0,0,0,0.15); opacity:0;filer:alpha(opacity=0);-webkit-transform: scale(0);-moz-transform: scale(0); transform: scale(0);transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;-webkit-transition:0.5s;-moz-transition:0.5s; transition:0.5s;}
.toolbar .toolbar-layer img{ width:100%; height:auto; display:block}
.toolbar li:hover .toolbar-layer{opacity:1;filer:alpha(opacity=100);-webkit-transform: scale(1);-moz-transform: scale(1); transform: scale(1);}