@charset "utf-8";
/* CSS Document */
/* Reset */
* { margin:0; padding:0;transition:all 300ms ease;}
a:link, a:visited, a:hover, a:active {text-decoration:none; cursor:pointer;}
a:hover, a:active {}
body { font:16px/1.6 "Microsoft Yahei","Thmano", "Arial"; color:#333333; }
img { border:0px;}
li{ list-style:none; float:left;}
input, textarea, select{ font:14px/1.5 "Microsoft Yahei","Thmano", "Arial"; color:#999; outline:0; }
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.hidden{display: none;}
body { max-width: 1920px;margin: 0 auto;}
html {height: 101%;}
.animate {display: none;}
b,
strong {font-weight: bold;}
input {outline: none;}
textarea {resize: none;}
table {border-collapse: collapse;border-spacing: 0;}
td {border: 0px solid #aaa;padding: 2px;}
a {text-decoration: none;color: #666;}
a:hover {text-decoration: none;}
i {font-style: normal;}
.clearfix {*zoom: 1;    clear: both;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clear {clear: both;}
.ow {min-width: 1200px;}
.wrap{width: 1200px;margin: 0 auto;}
.fr {float: right;}
.fl {float: left;}

/******************************
 ** 首页
 ******************************/
/*topper*/
.topper{height: 40px;line-height: 40px;border-bottom: 1px solid #e5e5e5;}
.topper .url .tel{background: url(../images/tel.png)no-repeat left center;padding-left: 26px;font-size: 14px;    margin-right: 12px;}
.topper .wel{font-size: 14px;color: #666666;}
.topper .sc{float:left;position: relative;width: 40px;height: 40px;background: #f5f5f5;}
.topper .sc a{background:url(../images/search.png) center bottom no-repeat;width:18px;height:18px;display: inline-block;vertical-align: middle;    margin-left: 10px;}
.topper .search{ background: #ffffff;  z-index: 9999; margin-top: 2px;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.3);width:250px;height:42px;position:absolute;right:0;top:100%;opacity:0;visibility: hidden;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;color: #333;}
.topper .s .search{opacity:1;visibility: visible;}
.topper .search .kw{display:block;float: left;height:20px;line-height:20px;width:190px;margin:10px 0 0 12px;font-size:16px;border: none;    background: none;}
.topper .search .ok{float: right;width:42px;height:100%;cursor: pointer;font-family:icon;font-size:20px;border:none;background:url(../images/search.png) center center no-repeat;background-size:18px auto;}



/*header*/
.header { height:90px; background:#fff;    z-index: 999;position: relative;}
.header .logo { float:left;margin-top: 16px;}
.header .logo img { display:block;height: 58px; }
.header .tel { float:right; margin:18px 0 0; background:url(../images/tel.png) left center no-repeat; padding:0 30px 0 52px; }
.header .tel h2 { font-size:14px; line-height:20px; font-weight:normal; color: #666666;}
.header .tel h3 { line-height:40px; font-size:22px; color:#a61f22; font-family:Impact; }
.header.curr { position: fixed;width: 100%;top: 0;left: 0;box-shadow: 3px 0 16px rgba(132, 23, 133, 0.31);}

.nav{height:90px; background:url(../images/nav_bg.png) left center repeat-x;   }
.nav ul{ margin:0 auto;}
.nav li{position:relative;z-index:20;    padding: 0 15px;}
.nav li:hover,.nav li.hover{color:#841786;}
.nav li:hover a,.nav li.hover a{color: #841786;font-weight: bold;}
.nav li.index{ background:url(../images/home.png) no-repeat center center;}
.nav li a{width:100%;height:87px; display:block; text-align:center; line-height:90px;color: #000000;font-size: 16px;    background: url(../images/navl.png) left center no-repeat;}
.nav li:first-child a{background: none;}
.nav dl.drop{ position:absolute;width:100%; background:#f5f5f5;top:90px;left:0;display:none;}
.nav .drop dd a{color:#000000;    width: 90%; margin: 0 auto; border-bottom: 1px solid #dcdcdc;    font-weight: normal;}
.nav dd a{ display:block;height:48px; line-height:48px;width:100%; text-align:center;color:#333333;font-size: 16px;}
.nav dd a:hover{ color:#841786;}
.nav dl.drop dd:hover a{color: #841786;}
.nav li.hover{    border-bottom: 3px solid #0794f8;}
/*banner*/
.banner{width:100%; overflow:hidden; position:relative;height:500px; }
.banner ul{ position:absolute;height:500px;} 
.banner li{width:100%;height:500px;float:left; text-align:center;}
.banner .tip,.minbanner .tip{position:absolute;bottom:26px;left:50%; z-index:10;    margin-left: -35px;}
.banner .tip em,.minbanner .tip em{ display:block; height:11px; width:11px; float:left;border: 1px solid #841786;background: #ffffff;
  margin:0 5px; cursor:pointer;float:left;border-radius: 11px;}
.banner .tip .cur,.minbanner .tip .cur{ background:#841786; width:26px;}
.minbanner{height: 360px;}

.title{text-align: center;}
.title h2{font-size: 36px;line-height: 66px;}
.title i{background-image: url(../images/xian.png);width: 142px;height: 2px;display: block;    margin: 0 auto;    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;}
.title h3{font-size: 18px;color: #999999;    font-weight: normal;text-transform: uppercase;line-height: 37px;}
.title p{font-size: 14px;max-width: 970px;    margin: 4px auto 0;line-height: 24px;}

.ipro{background: #f8f8f8;    padding-top: 40px;}
.ipro ul{padding: 20px 0 55px;    width: 103%;}
.ipro li{float: left;width: 378px;background: #ffffff;border: 1px solid #e5e5e5;margin: 0 30px 30px 0;    height: 234px;position: relative;overflow: hidden;}
.ipro li:nth-child(3n){margin-right: 0;}
.ipro li a{display: block;overflow: hidden;}
.ipro li img{display: block;width: 300px;    position: absolute;bottom: 0;right: 0;}
.ipro li h4{margin-left: 18px;line-height: 52px;font-size: 18px;position: absolute;    top: 0;}
.ipro li span{line-height: 20px;position: absolute;bottom: 0;left: 0;right: 0;display: none;
background: url(../images/hov.png) repeat;    padding: 10px 18px;font-size: 14px;color: #ffffff;}
.ipro li:hover span{ display: block;animation:zoomIn .5s ease; }
.ipro li:hover img { transform: scale(1.1,1.1); }

/*case*/
.case{background-image: url(../images/case_bg.png);padding: 47px 0 78px;    background-size: cover;    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;}
.case ul{    margin: 20px auto 46px;    width: 103%;}
.case li{width: 378px;height: 292px;border: 2px solid #e5e5e5;float: left;margin-right: 27px;overflow: hidden;}
.case li:nth-child(3n){margin-right: 0;}
.case li a{display: block;position: relative;overflow: hidden;}
.case li img{width: 100%;height: 292px;overflow: hidden;}
.case li:hover{border: 2px solid #841786;}
.case li:hover img { transform: scale(1.1,1.1); }
.case .more{width: 188px;height: 46px;background: #0794f8;color: #ffffff;display: block;margin: 0 auto;text-align: center;line-height: 46px;}
.case .more:hover{width: 220px;}


/*about*/
.about{padding: 52px 0 70px;}
.about .main{margin-top: 28px;}
.about .main .des{width: 580px;}
.about .main .des .top{font-size: 14px;line-height: 24px;}
.about .main .des ul{margin-top: 40px;}
.about .main .des li{    width: 128px;text-align: center;}
.about .main .des li:first-child+li{    margin: 0 98px;}
.about .main .des li a{display: block;position: relative;overflow: hidden;}
.about .main .des li img{    display: block;    margin: 0 auto;width: 48px;height: 48px;}
.about .main .des li:hover img{transform: rotateZ(360deg); -ms-transform:  rotateZ( 360deg  );-webkit-transform:  rotateZ( 360deg)}
.about .main .des li span{    display: block;line-height: 50px;}
.about .main .des .more{width: 156px;height: 40px;border: 1px solid #666666;display: block;line-height: 40px;text-align: center;float: right;margin-top: 38px;}
.about .main .des .more:hover{width: 180px;background: #0794f8;color: #ffffff;border: 1px solid #0794f8;}
.about .main .img{width: 587px;background: url(../images/aobut_bg.png)no-repeat center center;    position: relative;height: 314px;overflow: hidden;}
.about .main .img img{width: 571px;height: 297px;       margin: 8px;overflow: hidden;}


/*footer*/
.footer{border-top: 3px solid #0794f8;background: #333c43;color: #ffffff;}
.footer .bt_subnav{height: 62px;line-height: 62px;border-bottom: 1px solid #666666;}
.footer .bt_subnav li{    width: 133px;text-align: center;}
.footer .bt_subnav li a{font-size: 14px;color: #ffffff;    display: block;}
.footer .bt_subnav li:hover a{color: #0794f8;}
.footer .footer_main {padding-bottom: 42px;}
.footer .foot_o{width: 454px;}
.foot_o h3{ font-size:24px; color:#fff; line-height: 52px;margin-top: 16px;}
.foot_o h3 span{font-size: 14px;color: #999999;}
.foot_o .item{  margin-top:10px;}
.foot_o .item.item4 .title{ width:446px;text-align: left;}
.foot_o .item.item1{ clear:left;    margin-bottom: 20px;}
.foot_o .item .txt { width: 212px; height:38px; font-size: 14px; line-height: 38px; text-indent: 8px;color: #aeb0b2; padding-left: 6px; *text-indent: 0px; border:#71787c solid 1px;     background: none;}
.foot_o .item .area { width:446px; height:65px; font-size: 14px; text-indent: 8px; *text-indent: 0px;  resize: none; *resize: none; -webkit-appearance: none; color: #aeb0b2; line-height:28px; padding-left: 6px; border:#71787c solid 1px; background-color:transparent;}
.foot_o .submit { display: block; clear: left;margin-top: 20px;}
.foot_o .submit .tijiao { width: 150px; height: 44px; font-size: 18px;  color: #fff; cursor: pointer; border:none; border:0; background-color: #0794f8; display: block;    margin: 0 auto;}
.foot_o .submit .tijiao:hover{ width: 170px; }


.footer .foot_j{width: 320px;    margin-top: 86px;}
.footer .foot_j b{display: block; width: 132px; height: 132px;border: #71787c solid 1px;text-align: center;margin: 0 auto;}
.footer .foot_j b img{    width: 118px;height: 118px;display: inline-block;background-size: 100%;margin-top: 7px;}
.footer .foot_j p{font-size: 14px;text-align: center;margin-top: 18px;}
.footer .foot_z{width: 426px;margin-top: 26px;}
.footer .foot_z h2{font-size: 24px;line-height: 32px;}
.footer .foot_z span{font-size: 14px;color: #999999;line-height: 24px;margin-bottom: 10px;    display: inline-block;}
.footer .foot_z p{font-size: 14px;line-height: 24px;margin: 10px 0;}

.copyright{height: 56px;line-height: 56px;background: #293036;text-align: center;}
.copyright p{font-size: 14px;color: #999999;}
.copyright p a{color: #999999;}

.sitepath{background: #f5f5f5;color: #333333;font-size: 14px;height: 56px;line-height: 56px;}
.sitepath .home{background: url(../images/home.png) no-repeat left center;    padding-left: 26px;margin-left: 2px;}

.aboutlist{background: url(../images/about_bg.jpg) #ffffff no-repeat bottom center;    padding-bottom: 304px;padding-top: 30px;}
.aboutlist h1{font-size: 18px;text-align: center;margin-bottom: 16px;    font-weight: bold;}
.aboutlist .article{    margin: 0 60px 20px;}
.caselist{padding-top: 40px;}
.caselist ul{width: 103%;}
.caselist .item{    float: left;width: 378px;background: #ffffff;border: 1px solid #e5e5e5;margin: 0 30px 30px 0;}
.caselist .item a{display: block;position: relative;overflow: hidden;}
.caselist .item img{    display: block;width: 100%;height: 292px;}
.caselist .item span{line-height: 56px;position: absolute;bottom: 0;    text-align: center;
    left: 0;right: 0;display: none;background: url(../images/hov02.png) repeat;font-size: 14px; color: #ffffff;}
.caselist .item:hover span{ display: block;animation:zoomIn .5s ease; }
.caselist .item:hover img { transform: scale(1.1,1.1); }    

.newlist{margin-top: 40px;}
.newlist ul{}
.newlist .item{width: 100%;margin-bottom: 30px;}
.newlist .item a{}
.newlist .item .img{border: 1px solid #e5e5e5;width: 240px;position: relative;overflow: hidden;}
.newlist .item .img .hot{z-index: 2; position: absolute;width: 56px;height: 40px;background: url(../images/hov.png) repeat; color: #ffffff;text-align: center;line-height: 40px;}
.newlist .item .img img{height: 156px; display: block;width: 100%;}
.newlist .item .des{width: 710px;margin-left: 40px;margin-top: 5px;}
.newlist .item .des h1{font-size: 20px;line-height: 30px;}
.newlist .item .des .subsidiary{    display: inline-block;line-height: 44px;}
.newlist .item .des .subsidiary h2{float: left;font-size: 14px;color: #999999;margin-right: 30px;}
.newlist .item .des p{font-size: 14px;line-height: 26px;}
.newlist .item .date{width: 142px;text-align: center;margin-top: 20px;}
.newlist .item .date h3{font-size: 36px;line-height: 40px;}
.newlist .item .date span{font-size: 14px;line-height: 24px;}
.newlist .item .date i{width: 140px;height: 40px;border:1px solid #e5e5e5;background-image: url(../images/date01.png);    display: block;margin-top: 12px;    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;}
.newlist .item:hover .img img{ transform: scale(1.1,1.1); } 
.newlist .item:hover .des h1{color: #1298f8;}
.newlist .item:hover .date{color: #1298f8;}
.newlist .item:hover .date i{background: url(../images/date02.png)no-repeat center center #1298f8;}


.news_detail{padding-top: 40px;}
.news_detail h1{font-size: 24px;text-align: center;}
.news_detail .subsidiary { text-align:center; color:#999;font-size: 14px;line-height: 58px;margin-bottom: 10px; }
.article{    text-align: justify;margin: 0 0 20px;}
.article p{font-size: 14px;}


.contactlist{background-image: url(../images/contact_bg.png) ;padding-top: 46px;    padding-bottom: 75px;    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-size: 100% 100%;}
.contactlist .contact_top{box-shadow: 1px 0 6px rgba(0, 0, 0, 0.12);background: #ffffff;    padding: 6px;}
.contactlist .contact_box{border: 1px solid #dcdcdc;}
.contactlist .contact_top .des{float: left;margin-left: 22px;}
.contactlist .contact_top .des h1{font-size: 18px;color: #7e1c87;font-weight: bold;line-height: 56px;}
.contactlist .contact_top .des p{font-size: 14px;line-height: 26px;}
.contactlist .contact_top .img{float: right;position: relative;display: inline-flex;    margin: 13px;}
.contactlist .contact_top .img img{width: 520px;height: 260px;}
.contactlist .contact_top .img span{position: absolute;width: 576px;height: 58px;background-image: url(../images/hov03.png);top: 100px;left: -36px;text-align: center;line-height: 58px;color: #ffffff;font-size: 14px;    background-repeat: repeat;
    background-position-x: center;
    background-position-y: center;
    background-size: 100% 100%;}
.contactlist .map{     margin-top: 52px; border: 1px solid #e5e5e5;}


.listProduct{padding-top: 27px;}
.listProduct .top{}
/*.listProduct .one{background: url(../images/xian02.jpg)no-repeat bottom center;}*/
.listProduct .one .title h2{font-size: 24px;line-height: 50px;}
.listProduct .one .title i{    background: url(../images/xian03.png)no-repeat center;width: 92px;height: 3px;}
.listProduct .one .title h3{    text-transform: none;font-size: 14px;}
.listProduct .one .title p{max-width: 100%;text-align: left;color: #666666;}
.listProduct .one .des{    margin: 35px 47px 45px;display: inline-block;width: 100%;}
.listProduct .one .des .img{border: 1px solid #e5e5e5;width: 412px;height: 266px;}
.listProduct .one .des .img img{width: 100%;}
.listProduct .one .des .trait{margin-left: 52px;}
.listProduct .one .des .trait h4{font-size: 18px;}
.listProduct .one .des .trait p{}
.listProduct .top ul{margin:44px auto;    width: 104%;}
.listProduct .top li{    border: 1px solid #e5e5e5;    margin: 0 48px 48px 0;box-shadow: 1px 0 8px rgba(0, 0, 0, 0.12);}
.listProduct .top li a{display: block;position: relative;overflow: hidden;}
.listProduct .top li .img{width: 355px;height: 228px;    border-right: 1px solid #e5e5e5;overflow: hidden;}
.listProduct .top li .img img{height: auto;    width: 100%;}
.listProduct .top li .wd{width: 178px;margin:0 20px;}
.listProduct .top li .wd h5{font-size: 18px;color: #333333;margin: 25px 0 13px;}
.listProduct .top li .wd i{width: 24px;height: 2px;background: #e5e5e5;display: block;}
.listProduct .top li .wd p{font-size: 14px;color: #666666;line-height: 25px;margin: 15px 0 17px;}
.listProduct .top li .wd span{width: 112px;height: 30px;text-align: center;background: #f5f5f5;line-height: 30px;display: block;font-size: 14px;color: #333333;}
.listProduct .top li:hover .img img{ transform: scale(1.05,1.05); } 
.listProduct .top li:hover .wd h5{color: #1298f8;font-weight: bold;} 
.listProduct .top li:hover .wd span{background: #1298f8;color: #ffffff;}

.product_detail{}
.product_detail .original{}
.product_detail .original h1{text-align: center;font-size: 26px;font-weight: bold;    padding: 38px 0 36px;border-bottom: 1px solid #dcdcdc;}
.product_detail .original .product-info{    margin: 40px 0;}
.product_detail .original .product-info .img{    width: 650px;}
.product_detail .original .product-info .img img{width: 100%;}
.product_detail .original .product-info .des{width: 460px;}
.product_detail .original .product-info .des h2{font-size: 18px;line-height: 44px;font-weight: bold;}
.product_detail .original .product-info .des p{line-height: 30px;font-size: 18px;}
.product_detail .product_article{background-image: url(../images/xian04.jpg);    background-repeat: no-repeat;}
.product_detail .product_article .article{    padding-top: 120px;}
.product_detail .product_article .article table{    margin: 0 auto;}
.product_detail .original .product-info .des .down{width: 144px;height: 38px;line-height: 38px;background: #1298f8;display: block;text-align: center;border-radius: 3px;color: #ffffff;    position: relative;    margin-top: 50px;    float: left;margin-right: 20px;}
.product_detail .original .product-info .des .down i{background-image: url(../images/down.png);    width: 24px;height: 24px;float: left;
position: absolute;top: 7px;left: 19px;    background-repeat: no-repeat;}
.product_detail .original .product-info .des .down span{    margin-left: 14px;}
.product_detail .original .product-info .des .down p{/*line-height: 16px;  position: absolute;  top: 0;width: 144px; height: 38px;*/ filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;  opacity: 0; }
.product_detail .original .product-info .des .down p a{    width: 144px; height: 38px;display: block; position: absolute; top: 0;filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;  opacity: 0; }
.relink { height:40px; line-height:40px;margin:0 0 20px 0 ; }
.relink p { float:right; width:50%; text-align:right; overflow:hidden; }
.relink p:first-child { float:left; text-align:left; }

/* pager */
.pager {display: block;width: 100%;height: auto;padding: 30px 0 70px;text-align: center;clear: both;margin-bottom: 5px;}
.pager span,
.pager a {display: inline-block;border: 1px solid #e5e5e5;color: #666;background: #ffffff;height: 40px;line-height:40px;padding: 0px 15px;text-decoration: none;margin: 0 5px;}
.pager a:hover {background: #0b88e1;border-color: #0b88e1;color: #fff;text-decoration: none;}
.pager .cur {background: #ed2f2f;border-color: #ed2f2f;font-weight: bold;color: #FFF;}
.pager span.dot {background: #ed2f2f;border-color: #0a6c00;font-weight: bold;color: #FFF;}
.pager .current{    background: #1298f8; color: #ffffff; border: 1px solid #e5e5e5;}



/*txt-scroll*/
.instro{     background-color:#f1f1f1f1;}
.txt-scroll{background-image: url(../images/ico-notice.png); background-position: 10px center; background-repeat: no-repeat; font-weight: bold;    overflow: hidden; }

.txt-scroll{  height: 30px; line-height: 30px; padding: 0 48px 0 30px;    position: relative;     width: 1124px;   }
.txt-scroll .scrollbox{ width: 103%; white-space: nowrap; overflow:hidden; transition: all .2s; }
.txt-scroll .txt,
.txt-scroll .txt-clone{ display: inline; position: relative; }
.instro .close{background-image: url(../images/close.png);width: 30px;height: 30px;cursor: pointer; position: absolute;right: 0;top: 6px;z-index: 9;    background-size: 19px;    background-repeat: no-repeat;}