*{list-style:none;outline: none;padding:0;border:0;color:#666;font-size:12px;margin:0;font-weight:normal;text-decoration:none; font-family: "Microsoft YaHei","微软雅黑";}
img{border:0;}
.w1200{width:1200px;margin:0 auto;}
.icon {background: url(../images/icon.png) no-repeat;display: inline-block;vertical-align: middle;}
.clear{clear:both;}
.h20{height:20px;}
a {color: #666;transition: all .3s ease-in-out 0s}
a:hover{color:#FADD15;}

.top{height:34px;line-height:34px;border-bottom:1px solid #DDD; }
.top ul{float:right;}
.top ul li{display: inline-block;text-align: center;margin: 0 8px;}
.top ul li.split{width: 1px;height: 12px;background: #666;vertical-align: middle;margin: 0;}
.top ul li a{color:#666;font-size:12px;}

.header{height:115px;}
.header .logo{float:left;margin:20px 70px 0 0}
.header .item{float:left;margin-top:35px;width: 190px;}
.header .item .icon{width: 40px;height: 40px;display: block;float: left;margin-right: 10px;}
.header .item1 .icon{background-position: -100px 0;}
.header .item2 .icon{background-position: -148px 0;}
.header .item3 .icon{background-position: -194px 0;}
.header .item h2{font-size: 18px;font-weight: 600;color:#333;}
.header .item h3{font-size: 14px;color:#666;line-height: 15px;}
.header .item4{float:right;width: 230px;text-align:right;padding-top:25px;}
.header .item4 h2{font-size: 16px;color: #666;}
.header .item4 h3{font-family: avantgardeitvbybt book,arial;display: block;font-size: 30px;color: #0353c4;font-weight: 700;}

.menu{height:50px;line-height:50px;background:#0353c4;}
.menu li{float: left;position:relative;z-index:999;width:170px;font-size: 16px;text-align: center;line-height: 50px;position: relative;background: url(../images/nav_line.png) no-repeat right center;}
.menu li:last-child{background:none;}
.menu li h2 a{display:block;font-size:18px;color:#fff; }
.menu li .sub{position:absolute;width:100%;display:none;background:#fff;border-top:2px solid #63B670;}
.menu li .sub a{color: #666;display: block;font-size: 13px;line-height: 22px;height: 22px;padding: 10px;transition: all .2s ease-in-out 0s;border-bottom: 1px solid #eee;}
.menu li .sub a:hover{color:#fff;background:#0353c4;}
.menu li:hover h2{background:#fadd15;}
.menu li:hover h2 a{color:#0353c4}

.banner{min-width:1000px;position:relative;height:460px;overflow:hidden}
.banner .bd{position:relative;z-index:0}
.banner .bd ul{width:100%!important}
.banner .bd li{width:100%!important;height:460px;overflow:hidden;text-align:center}
.banner .bd li a{display:block;height:460px}
.banner .hd{width:1000px;left:50%;margin-left:-500px;bottom:15px;position:absolute;z-index:1;bottom:15px;overflow:hidden}
.banner .hd ul{text-align:center;}
.banner .hd ul li{width:50px;height:5px;background:#fff;opacity:.6;margin-right:5px;text-indent:9999px;overflow:hidden;display:inline-block;cursor:pointer}
.banner .hd ul li.on{background:#FADD15;opacity:1}
.banner .prev,.banner .next{width: 40px;height: 90px;position: absolute;top: 50%;z-index: 5;}
.banner .prev{background-position: 0 0;left: 5%;}
.banner .prev:hover{background-position: 0 -98px;}
.banner .next{background-position: -50px 0;right: 5%;}
.banner .next:hover{background-position:-50px -98px;}

.search{border-bottom:1px solid #EEEEEE;height:77px;}
.search .search-hot{float:left;line-height:77px;}
.search .search-hot span{font-size:14px;}
.search .search-hot a{font-size:14px;margin-left:10px;}
.search .search-int{float:right;height:55px;padding-top:22px;}
.search .search-int .txt{width: 200px;background:#F6F6F6;border-bottom-left-radius:30px;border-top-left-radius:30px;padding-left: 15px;float:left;display: block;color: #999;outline: none;border: 0;height: 35px;line-height: 35px}
.search .search-int .btn{border-bottom-right-radius:30px;border-top-right-radius:30px;height:35px;line-height:35px;display:block;float:right;width: 50px;border: 0;background: url(../images/sou.png) no-repeat center #0353c4;cursor: pointer;}

.title{padding-top:27px;}
.title h2{background:url(../images/title.png) no-repeat center center;text-align:center;color:#333;font-size:28px;}
.title h2 span{color:#0353c4;font-size:28px;}
.title p{font-size:16px;padding-top:20px;color:#666;text-align:center;}

.product .hd{padding:30px 0;overflow:hidden;text-align:center;}
.product .hd li{display:inline-block;height:40px;margin:0 10px;text-align:center;}
.product .hd li a{color:#fff;font-size:14px;line-height:40px;padding: 8px 14px;background: #0353c4;}
.product .hd li a:hover{background:#FBDD16;color:#0353c4}
.product .product-bd ul{width:1221px;overflow:hidden;}
.product .product-bd li{float: left;margin:0 21px 21px 0;width:284px;}
.product .product-bd li a.box{overflow:hidden;display:block;width:100%;height:208px;position:relative;}
.product .product-bd li a.box img{transition: .9s;max-width:100%;min-height:208px;vertical-align:bottom}
.product .product-bd li a.box span{width: 100%;height:208px;background: transparent;position: absolute;left: 0;top: 0;opacity: 0;filter: Alpha(opacity=0);*zoom: 1;-webkit-transform: rotateX(180deg) scale(.5,.5);transform: rotateX(180deg) scale(.2,.2);transition: all ease-out .5s;}
.product .product-bd li a.box span i {display:block;width: 65px;height: 65px;background-position: -150px -147px;position: absolute;left: 50%;top: 50%;margin-top: -32px;margin-left: -32px;}
.product .product-bd li p{height:50px;line-height:50px;font-size:16px;color:#fff;background:#0353c4;text-align:center;}
.product .product-bd li a.box:hover span {opacity: 1;filter: Alpha(opacity=100);-webkit-transform: rotateX(0deg) scale(1,1);transform: rotateX(0deg) scale(1,1);transition: all 1s cubic-bezier(.23,1,.38,1) 0s;background: rgba(0,0,0,.3);}
.product .product-bd li a.box:hover img{transform: scale(1.2);transition: all 0.6s;}
.product .product-bd li:hover p{background:#FBDD16;color:#0353c4}
.product .product-bd li p a{font-size:16px;color:#fff;}
.product .more{margin:20px auto;display: block;border-radius:4px;width: 198px;height: 48px;font-size: 15px;line-height: 48px;text-align: center;border: 1px solid #ccc;transition: all .5s;}
.product .more:hover{background:#0353c4;color:#fff;border-color:#0353c4;}

.zixun {width: 100%;background:#0074e8;;height:200px;}
.zixun .w1200{position:relative;}
.zixun .item1{padding:40px 0 20px 0;color:#fff;font-size:45px;}
.zixun .item2,.zixun .item3{width: 310px;background: url(../images/telbg.png) no-repeat left top;height: 40px;color: #1160ae;text-align: center;font:normal 30px/40px arial;margin-right: 5px;display: inline-block;text-indent: 14px;}
.zixun .item5{font:400 28px/28px  you yuan;display: inline-block;color: #fff;padding-right: 10px;}
.zixun .item4{width:210px;top:60px;right:0;border-radius:4px;height:50px;background:#FFFFFF;position:absolute;}
.zixun .item4 a{width: 188px;height: 38px;display: block;font:normal 20px/38px 微软雅黑;margin: 6px auto 0;color: #0353c4;text-align:center;border: 1px solid #0353c4;border-radius: 3px;}
.zixun .item4 a:hover{background:#0353c4;color:#fff;}

.service{background: #222;overflow:hidden;padding:60px 0 40px;}
.service .title h2{background:url(../images/title.png) no-repeat center center;text-align:center;color:#fff;font-size:28px;}
.service .bd ul{width:1200px;overflow:hidden;padding-top:40px;}
.service .bd li{width:220px;float:left;background:url(../images/jtou.png) no-repeat 145px 40px;}
.service .bd li.last{width:100px;background:none;}
.service .bd li img{display:block;margin-bottom:20px;}
.service .bd li span{font-size:16px;color:#fff;padding-left:18px;}

.product-case{height:823px;overflow: hidden;width: 100%;}
.product-case .case-bd li{position:relative;float: left;width: 378px;height: 480px;margin-right: 28px;border: 1px solid #ddd;background: #fff;}
.product-case .case-bd li a{padding:20px;display:block; overflow:hidden;}
.product-case .case-bd li img{width:100%;height:240px;float:left;}
.product-case .case-bd li h2{font-size: 20px;line-height: 40px;padding-top: 12px;}
.product-case .case-bd li p{color:#333;font-size:14px;line-height: 24px;overflow: hidden;margin-bottom: 5px;cursor: pointer;padding-top: 10px;}
.product-case .case-bd li span{position: absolute;bottom: 30px;left: 30px;display: block;color: #fff;font:normal 14px/30px arial;width: 120px;height: 30px;background: #0353c4;text-align: center;}
.product-case .case-bd li:hover{background:#0353c4;}
.product-case .case-bd li:hover h2{color:#fff;}
.product-case .case-bd li:hover p{color:#fff;}
.product-case .case-bd li:hover span{background:#FBDD16;color:#0353c4;}
.product-case .but{padding:25px 0;overflow:hidden;text-align:center;}
.product-case .but a.icon {width: 40px;height: 40px;display:inline-block;cursor: pointer;}
.product-case .but a.prev {background-position:-100px -50px;}
.product-case .but a.prev:hover {background-position:-145px -50px;}
.product-case .but a.next {background-position:-190px -50px;margin-left:10px;}
.product-case .but a.next:hover {background-position:-236px -50px;}

.product-news .news-bd .news-banner{float:left;width:650px;height:488px;position:relative;}
.product-news .news-bd .news-banner .bd li{width:650px;height:488px;overflow:hidden;position:relative;}
.product-news .news-bd .news-banner .bd li a{display:block;}
.product-news .news-bd .news-banner .bd li:hover img{transform: scale(1.2);transition: all 0.9s;}
.product-news .news-bd .news-banner .bd li img{width:650px;height:488px;transition: all 0.9s;}
.product-news .news-bd .news-banner .bd li .txt{background: url(../images/green80.png) repeat left top;color: #fff;position: absolute;left: 0;bottom: 0;width: 100%;height: 150px;z-index: 5;}
.product-news .news-bd .news-banner .bd li .txt h2{display: block;font-size: 20px;padding:30px 28px 0;color:#fff;}
.product-news .news-bd .news-banner .bd li .txt h2 span{font-size: 16px;float:right;color:#fff;}
.product-news .news-bd .news-banner .bd li .txt p{padding:10px 28px 0;font-size:14px;line-height:25px;color:#fff;}
.product-news .news-bd .news-banner .num{z-index:999;position:absolute;bottom:10px;right:10px;}
.product-news .news-bd .news-banner .num li{width:10px;height:10px;margin-left:5px;background:#fff;border-radius:10px;text-indent:-9999px;float:left;cursor:pointer;}
.product-news .news-bd .news-banner .num li.on{background:#F9E012}
.product-news .news-bd .news-txt{float:right;width:520px;}
.product-news .news-bd .news-txt li{border-bottom: 1px solid #ddd;padding:10px 0}
.product-news .news-bd .news-txt li:hover{border-color:#0353c4}
.product-news .news-bd .news-txt li a{display:block;color:#333;}
.product-news .news-bd .news-txt li h2{font-size:18px;}
.product-news .news-bd .news-txt li p{font-size:14px;padding:10px 0;}
.product-news .news-bd .news-txt li span{font-size:14px;}

.about{width: 100%;background:#eeeeef;padding:30px 0 20px 0;}
.about .title{padding-top:0;}
.about .bd{padding:20px 0 60px 0;position:relative;overflow:hidden;}
.about .bd .txt{width: 470px;height:370px;float:left;background: #fff;padding: 40px;}
.about .bd .txt p{ text-indent:24px;font:normal 14px/28px microsoft yahei;}
.about .bd .txt a{width: 154px;height: 34px;color:#333;line-height: 34px;text-align: center;display: block;border: 1px solid #0353c4;margin-top: 20px;border-radius: 20px;cursor: pointer;}
.about .bd .txt a:hover{background:#0353c4;border-color:#0353c4;color:#fff;}
.about .bd .pic{width:650px;float:right;}
.about .bd .pic img {width: 100%;height: 100%;}
#t1{margin-top:20px;}
.about .bd .pic:before {content: "";position: absolute;width: 80px;height: 300px;top: 20px;left:0px;overflow: hidden;background: -moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0)));background: -ms-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);background: -webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);background: -o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);-webkit-transform: skewX(-32deg);-ms-transform: skewX(-32deg);-moz-transform: skewX(-32deg);transform: skewX(-32deg);}
.about .bd .pic:hover:before{-webkit-transition:left .8s;-moz-transition:left .8s;-ms-transition:left 1.1s;transition:left .8s;left:1500px}
.about .bd .pic:hover{opacity:.9\0;filter:alpha(opacity=90)}
.about .link span{width: 268px;height: 24px;display: inline-block;background-position: -40px -218px;margin-right: 60px;}
.about .link a {color: #fff;font-size:14px;}
.about .link a:hover {color: #FADD15;}
.about .link i {padding: 0 10px;color: #fff;}
.anim-show{text-indent:0;}

.footer{width: 100%;overflow:hidden;padding:60px 0 50px;background: #1a212a;color: #fff;}
.footer dl{float: left;width: 140px;height: 146px;font-size: 16px;line-height: 32px;text-indent: 30px;overflow: hidden;border-right: 1px solid #444;}
.footer dl dd,.footer dl dt{display:block;}
.footer dl dt{margin-bottom:10px;}
.footer dl dt a {color: #fff;display: block;line-height: 32px;font-size: 16px;}
.footer dl dd a {display: block;line-height: 26px;color: #999;width: 100%;font-size: 12px;}
.footer .info{width: 300px;line-height: 28px;float:right;}
.footer .info h3{font-size:14px;color: #fff;}
.footer .info h4{font-family: graydesign regular,"arial, helvetica, sans-serif";font-size: 30px;color:#0474e3;padding-bottom: 18px;}
.footer .info p{color: #999;line-height: 22px;}

.bottom{background:#111111;height:50px;line-height:50px;}
.bottom p{color:#fff;font-size:14px;}

.position{height: 30px;line-height: 30px;padding: 10px 0px 10px;margin-bottom: 20px;font-size: 14px;border-bottom: 1px solid #f1f1f1;}
.position span{font-size:14px;}
.position span i{background: url(../images/home.png) no-repeat left center;width: 24px;height: 22px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.position a {font-size: 14px;}

.sidebar{width:245px;float:left;}
.sidebar .box{margin-bottom:15px;border-bottom: 9px solid #0353c4;border-radius: 3px;}
.sidebar .box .t {background:#0353c4;height:60px;line-height:60px;display: block;color: #fff;font-size: 24px;font-weight: bold;padding-left: 26px;}
.sidebar .box .t i{width: 8px;height: 8px;display: block;background-position: 0 -203px;margin-right: 26px;float: right;margin-top: 24px;}
.sidebar .box dl{border: 1px solid #eeeeee;border-top: 0 none;border-bottom: 0 none;}
.sidebar .box dd{display: block;height: 54px;border-bottom: 1px solid #eeeeee;}
.sidebar .box dd a{height: 54px;line-height: 54px;display: block;padding-left: 25px;font-size: 14px;color: #444;}
.sidebar .box dd a i{width: 8px;height: 8px;display: inline-block;background: url(../images/leftula.png) no-repeat 0 -20px;vertical-align: middle;margin-right: 14px;transition: all .3s ease-in;}
.sidebar .box dd.on a,.sidebar .box dd:hover a{color: #0353c4;}
.sidebar .box dd.on a i,.sidebar .box dd:hover a i{background: url(../images/leftula.png) no-repeat 0 0;}
.sidebar .box ul{width:256px;padding-top: 10px;overflow:hidden;}
.sidebar .box li{float: left;text-align: center;width: 117px;margin-right: 11px;}
.sidebar .box li a{display:block}
.sidebar .box li a img{max-width:100%;}
.sidebar .box li a p{font-size: 12px;line-height: 30px;transition: all .3s ease-in-out 0s;}
.sidebar .box p.add{padding:10px;color:#444;font-size:14px;}
.sidebar .box p.tel{border-top: 1px solid #eee;padding: 15px;color:#333;font-size:14px;}
.sidebar .box p.tel span{margin-top:8px;color: #0353c4;display:block;line-height:26px;font-size: 26px;}

.content{width: 920px;padding: 0;float:right;}

.content .body p{line-height:28px;color:#666;font-size:14px;}
.content .body .t1{font-size: 24px;padding: 20px 0px;text-align: center;font-weight: bold;border-bottom: 1px dashed #e1e1e1;margin-bottom: 5px;}
.content .body .t2{height: 30px;line-height: 30px;text-align: center;font-size: 12px;color: #999;}
.content .body .t2 span{margin-right:15px;color:#999;}
.content .body .t3{padding:30px 0;overflow:hidden;}
.content .body .t3 .bd{margin:0 auto;text-align:center;width:100%;}
.content .body .t3 .bd img{display:none;text-align:center;margin:0 auto;}
.content .body .t3 .hd{width: 880px;padding:20px;margin:20px auto 0;background: #eeeeee;overflow: hidden;position: relative;}
.content .body .t3 .prev{float:left;}
.content .body .t3 .next{float:right;}
.content .body .t3 ul{float:left;margin:0 20px;}
.content .body .t3 ul li{cursor:pointer;width:140px;height:114px;float:left;margin-right:5px;border:2px solid #DDDDDD;}
.content .body .t3 ul li img{width:140px;height:114px;}
.content .body .t3 ul li.on{border-color:#0353c4}
.content .body .t4{padding: 5px 0px 20px 0px;line-height: 28px;overflow: hidden;color: #666;}
.content .body .t4 p{color:#666;line-height:28px;margin-bottom:12px;}
.content .body .t5{height:40px;line-height:40px;font-size:14px;color:#333;border:1px solid #E4E4E4;padding:0 20px;}
.content .body .t5 .l{float:left;}
.content .body .t5 a{font-size:14px;color:#:333;}
.content .body .t5 .r{float:right;}


.content .product_list{width:945px;overflow:hidden;}
.content .product_list li{float:left;width: 290px;overflow:hidden;padding:0 25px 25px 0;position: relative;}
.content .product_list li a.box{overflow:hidden;display:block;width:290px;height:218px;position:relative;}
.content .product_list li a.box img{transition: .9s;max-width:100%;height:218px;vertical-align:bottom}
.content .product_list li a.box span{width: 100%;height:218px;background: transparent;position: absolute;left: 0;top: 0;opacity: 0;filter: Alpha(opacity=0);*zoom: 1;-webkit-transform: rotateX(180deg) scale(.5,.5);transform: rotateX(180deg) scale(.2,.2);transition: all ease-out .5s;}
.content .product_list li a.box span i {display:block;width: 65px;height: 65px;background-position: -150px -147px;position: absolute;left: 50%;top: 50%;margin-top: -32px;margin-left: -32px;}
.content .product_list li p{position:relative;height:68px;line-height:68px;font-size:16px;color:#333;border:1px solid #ddd;border-top:0;}
.content .product_list li a.box:hover span {opacity: 1;filter: Alpha(opacity=100);-webkit-transform: rotateX(0deg) scale(1,1);transform: rotateX(0deg) scale(1,1);transition: all 1s cubic-bezier(.23,1,.38,1) 0s;background: rgba(0,0,0,.3);}
.content .product_list li a.box:hover img{transform: scale(1.2);transition: all 0.6s;}
.content .product_list li:hover p{border-color:#0353c4;background:#0353c4;color:#fff}
.content .product_list li p a{font-size:16px;padding-left:20px;color:#333;}
.content .product_list li p i {position:absolute;right: 30px;top: 28px;width: 10px;height: 16px;background-position: -248px 0;display: block;transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;}
.content .product_list li:hover p a{color:#fff;}
.content .product_list li:hover p i{background-position: -268px 0;}

.content .page{clear: both;margin: 20px auto;overflow: hidden;text-align: center;font-size: 12px;}
.content .page a{display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color: #999;}
.content .page a.on,.content .page a:hover{background:#0353c4;color:#fff;border-color:#0353c4;}

.content .recommend{margin:20px auto;border:1px solid #E4E4E4;}
.content .recommend h2{height:40px;line-height:40px;border-bottom:1px solid #E4E4E4;border-left:5px solid #0353c4;color:#0353c4;font-size:15px;padding-left:10px;}
.content .recommend ul{padding:15px 10px;overflow: hidden;}
.content .recommend li{width: 47%;line-height: 40px;float: left;overflow: hidden;margin: 0 1.5%;border-bottom: 1px dashed #ccc;}
.content .recommend li span{float:right;color:#999;font-size:12px;}
.content .recommend li a{font-size:14px;color:#666;}
.content .recommend li a:hover{color:#0353c4;}

.content .news_list li{width: 880px;overflow:hidden;border-bottom: 1px solid #eaeaea;display: block;padding: 20px;transition: all .5s;}
.content .news_list li a.pic{width:180px;overflow:hidden;height:135px;float:left;display:block;margin-right:20px;}
.content .news_list li a.pic img{max-width:100%;transition: all 0.6s;}
.content .news_list li:hover{box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);}
.content .news_list li:hover a.pic img{transform: scale(1.2);transition: all 0.6s;}
.content .news_list li:hover h2 a{color:#0353c4}
.content .news_list li h2{height:30px;}
.content .news_list li h2 a{line-height:30px;color:#333;font-size:16px;}
.content .news_list li .mark{color: #999;font-size: 12px;line-height: 30px;}
.content .news_list li .mark span{display: inline-block;color:#999;padding-right: 18px;}
.content .news_list li p{color:#666;line-height:25px;font-size:14px;}

.content .index_message h2{padding: 25px 0;color: #0353c4;font-size: 24px;}
.content .index_message .item {float: left;color: #999;width: 420px;height: 56px;line-height: 56px;border: 1px solid #e4e4e4;margin:0 30px 45px 0;position: relative;}
.content .index_message .item label {color:#999;padding-left: 15px;position: absolute;left: 0;top: 0;z-index: 11;text-align: center;display: block;height: 56px;line-height: 56px;font-size: 18px;}
.content .index_message .item .txt {width: 350px;height: 56px;line-height: 56px;font-size:16px;color:#333;display: block;background: none;padding-left: 70px;border: 0 none;}
.content .index_message .item .red {position: absolute;right: 15px;top: 0;color: #ff0000;z-index: 11;}
.content .index_message .item-text{width: 918px;height: 260px;border: 1px solid #e4e4e4;float: left;}
.content .index_message .item textarea{display:block;width: 908px;height: 234px;line-height: 35px;padding: 12px 10px;text-indent: 100px;font-size: 18px;font-family: "microsoft yahei";color: #333;border: 0 none;overflow: hidden;background: none;resize: none;display: block;outline: none;}
.content .index_message .sub{float:right;border-radius:8px;display:block;width: 232px;line-height: 52px;border: 2px solid #0353c4;margin-right: 2px;text-align: center;background: #0353c4;color: #FFF;cursor: pointer;font-size: 18px;display: block;transition: all ease 300ms;}
.content .index_message .sub:hover{border-color:#0353c4;background:#fff;color:#0353c4}

.nybanner{background:url(../images/nybanner.jpg) no-repeat center center;height:240px; margin-bottom:20px;}
.m_block,.mbanner,.mmenu,.mcase-bd,.goback,.rtate,.fixed-bottom{display:none;}

.fixed-right{width:50px;position:fixed;right:0;top:50%;margin-top:-127px;background-color:#191919;z-index:1000;transition:width .3s ease 0s}
.fixed-right:hover{width:250px;}
.fixed-right .top-list{width:100%}
.fixed-right .top-list ul{width:100%}
.fixed-right .top-list li{width:100%;position:relative;border-bottom:1px solid #3b3b3b;transition:background .3s ease 0s;height:50px}
.fixed-right .top-list a{display:block;width:100%}
.fixed-right .top-list .ico{display:inline-block;width:50px;height:50px;position:absolute;right:0;top:0;transition:background .3s ease 0s;z-index:2}
.fixed-right .top-list .ico1{background:url(../images/ico_58.png) no-repeat center #191919}
.fixed-right .top-list .ico2{background:url(../images/ico_59.png) no-repeat center #191919}
.fixed-right .top-list .ico3{background:url(../images/ico_60.png) no-repeat center #191919}
.fixed-right .top-list .ico4{background:url(../images/ico_61.png) no-repeat center #191919}
.fixed-right .top-list .ico5{background:url(../images/ico_62.png) no-repeat center #191919}
.fixed-right .top-list .ico7{background:url(../images/ico_69.png) no-repeat center #191919}
.fixed-right .top-list .stt{display:inline-block;font-size:14px;line-height:50px;color:#fff;transition:color .3s ease 0s;position:absolute;left:28px;top:0;z-index:1;width:222px;cursor:pointer}
.fixed-right .top-list li:hover .stt{color:#15191e}
.fixed-right .top-list li:hover .ico1{background:url(../images/ico_58_h.png) no-repeat center #fff}
.fixed-right .top-list li:hover .ico2{background:url(../images/ico_59_h.png) no-repeat center #fff}
.fixed-right .top-list li:hover .ico3{background:url(../images/ico_60_h.png) no-repeat center #fff}
.fixed-right .top-list li:hover .ico4{background:url(../images/ico_61_h.png) no-repeat center #fff}
.fixed-right .top-list li:hover .ico5{background:url(../images/ico_62_h.png) no-repeat center #fff}
.fixed-right .top-list li:hover .ico7{background:url(../images/ico_69_h.png) no-repeat center #fff}
.fixed-right .top-list li:hover{background-color:#fff}
.fixed-right .top-list .return-webtop .stt{font-family:arial;font-weight:700}
.fixed-right .bot-share{position:relative;height:50px}
.fixed-right .bot-share a{display:inline-block;width:50px;height:50px;float:left;transition:background .3s ease 0s;margin:0;padding:0}
.fixed-right .bot-share .share{width:200px;position:absolute;left:0;top:0;z-index:1}
.fixed-right .bot-share .sina{background:url(../images/ico_63.png) no-repeat center}
.fixed-right .bot-share .wx{background:url(../images/ico_64.png) no-repeat center}
.fixed-right .bot-share .more{background:url(../images/ico_66.png) no-repeat center;border:0}
.fixed-right .bot-share a:hover{background-color:#525354}
.fixed-right .bot-share .share-ico{background:url(../images/ico_67.png) no-repeat center #191919;width:50px;height:50px;display:inline-block;cursor:pointer;z-index:2;position:relative}
.fixed-right .top-list li .weix{position:relative}
.fixed-right .top-list li .weix:hover .sidebox{display:block}
.fixed-right .sidebox{position:absolute;right:250px;top:0;transition:all .1s ease 0s;width:120px;z-index:10;display:none;background:#191919}
.fixed-right .sidebox img{width:110px;height:110px;display:block;margin:5px auto}
#zi p{color:#fff; font-size:14px;}
#zi h2{font-size:20px;}
#zi strong{font-size:20px; color:#fff;}

@media screen and (max-width:640px) {
	body{max-width:640px;}
	.top,.header .item,.header .item4,.header .x1,.header .x2,.search-hot,.banner,.fixed-right{display:none;}
	.w1200{max-width:640px;width:100%;}
	.content img{width:100%;}
	.m_block{display:block;}
	.header{height:50px;position:fixed;top:0;z-index:9999;background:#fff;}
	.header .logo{margin:0;padding:7px 0 0 10px;}
	.header .logo img{max-width:160px;}
	.header .m_block{float:right;margin-top:12px;margin-right:20px;}
	.menu{display:none;padding:20px;position:fixed;z-index:9999;top:50px;width:100%;left:0;background:#0353c4;height:100%;line-height:100%;}
	.menu li{width:70%;margin:0 auto;border-bottom:1px solid #1B9555;background:none;float:none;}
	.menu li.on h2{background:none;}
	.menu li.on h2 a{color:#fadd15;}
	.search{display:none;position:fixed;top:50px;left:0;width:100%;z-index:9999;background:#F2F2F2;}
	.search .search-int{float:left;padding-left:15%;}
	.search .search-int .txt{background:#fff;}
	.mbanner{display:block;position:relative;overflow:hidden;margin:0 auto;max-width:640px}
	.mbanner .hd{position:absolute;height:28px;line-height:28px;bottom:0;left:45%;z-index:1}
	.mbanner .hd li{display:inline-block;width:12px;height:12px;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;background:#fff;text-indent:-9999px;overflow:hidden;margin:0 6px}
	.mbanner .hd li.on{background:#0353c4}
	.product-case .case-bd li span{bottom:0px;left: 34%;}
	.mbanner .bd{position:relative;z-index:0}
	.mbanner .bd li{position:relative;text-align:center}
	.mbanner .bd li img{vertical-align:top; width:100%;}
	.mmenu{display:block}
	.mmenu a{display:block;float:left;width:33%;font-size:15px;color:#fff;background:#0353c4;height:44px;line-height:44px;text-align:center;border-right: 1px #fff solid;border-bottom: 1px #fff solid}
	.product .title h2{background:none;}
	.product .title p{display:none;}
	.product .hd{padding:15px 0;}
	.product .hd li{width:30%;margin:0 1% 8px}
	.product .hd li a{font-size:14px;text-overflow: ellipsis;white-space: nowrap;}
	.product .product-bd ul{width:98%;margin:0 auto;}
	.product .product-bd ul li{width:48%;margin:0 1% 8px;}
	.product .product-bd li a.box{height:100%;max-height:144px}
	.product .product-bd li a.box img{height:144px;min-height:144px;}
	.product .product-bd li p{height:40px;line-height:40px;}
	.zixun .item2, .zixun .item3, .zixun .item5{display:none;}
	.zixun .item1{padding:20px 0 5px 20px;font-size:22px;}
	.zixun .item4{top:100px;right:20px;}
	.service{display:none;}
	.product-case .hd ul li{width:47%}
	.product-case .case-bd li{margin:0 0 0 16px;}
	.product .product-bd li a.box span{height:100%;}
	.case-bd,.news-banner{display:none;}
	.mcase-bd{display:block;}
	.product-news .news-bd .news-txt{width:95%;margin:0 auto;float:none;}
	.product-news .news-bd .news-txt li p{display:none;}
	.product-news .news-bd .news-txt li span{display:none;}
	.h20{height:0;}
	.product-news .news-bd .news-txt li h2{font-size:15px;padding:8px 0;}
	.title h2{background:none;}
	.title p{display:none;}
	.about .bd .txt{overflow:hidden;width:80%;height:auto;float:none;padding:10px 10%;}
	.about .bd .txt p{padding:0;font-size:15px}
	.about .bd .txt a{width:95%;}
	.link{display:none;}
	.about{background:none;padding:0;}
	.footer dl dd{display:none;}
	.footer{padding:0;background:#fff;}
	.footer .info{display:none;}
	.footer dl{width:100%;float:none;height:40px;line-height:40px;border-bottom:1px solid #ddd;}
	.footer dl:first-child{border-top:1px solid #ddd;}
	.footer dl dt{margin-bottom:0;line-height:40px}
	.footer dl dt a{color:#333;line-height:40px}
	.bottom{background:none;color:#333;padding:8px;text-align:center;}
	.bottom p{color:#333;height:auto;line-height:24px;}
	.nybanner,.position{display:none;}
	.sidebar .box{display:none;}
	.sidebar .box:first-child{display:block;}
	.sidebar .box{border:0;border-top:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6;margin-top:50px;line-height:50px;background:#F6F6F6;}
	.sidebar .box .t{background:none;font-weight:normal;padding-left:0;text-align:center;height:50px;line-height:50px;color:#0353c4;}
	.sidebar .box .t i{display:none;}
	.sidebar{width:100%;float:none;}
	.sidebar .box dl{display:none;}
	.goback{display:block;float:left;margin:4px 0 0 10px}
	.goback a{color:#0353c4; font-family:微软雅黑; font-size:14px;}
	.rtate{display:block;float:right;margin:4px 10px 0 0 }
	.sidebar .box dl{background:#fff;padding:8px 5%;border-bottom:1px solid #ddd;overflow:hidden;}
	.sidebar .box dd{width:47%;height:40px;line-height:40px;margin:0 1% 8px 1%;border:1px solid #ddd;float:left;display:block;}
	.sidebar .box dd a{line-height:40px;height:40px;padding:0;text-align:center;}
	.sidebar .box dd a i{display:none;}
	.sidebar{overflow:hidden;}
	.content{float:none;width:100%;}
	.content .news_list li a.pic{width:100px;height:70px;margin-right:10px;}
	.content .news_list li .mark{display:none;}
	.content .news_list li{width:95%;padding:8px 2.5%;}
	.content .news_list li p{font-size:13px;line-height:23px;max-height:46px;overflow:hidden;}
	.recommend{display:none;}
	.content .product_list{padding-left:2%;}
	.content .product_list li{width:47%;padding:0;margin:0 1%;float:left;}
	.content .product_list li a.box{width:100%;max-height:140px;}
	.content .product_list li img{max-height:140px;}
	.content .product_list{width:100%;}
	.content .product_list li p{border:0;height:40px;line-height:40px;}
	.content .product_list li p i{display:none;}
	.content .body{padding:10px;}
	.index_message h2{display:none;}
	.index_message{padding:20px;}
	.content .index_message .item{width:95%;}
	.content .index_message .sub{float:none;width:100%;}
	.content .index_message .item{height:46px;line-height:46px;margin:0 0 20px 0;}
	.content .index_message .item label{height:46px;line-height:46px;}
	.content .index_message .item .txt{height:46px;line-height:46px;}
	.content .index_message .item-text{height:auto;min-height:200px;}
	.content .body .t3{padding:0 0;}
	.content .body .t1{padding:0;font-weight:normal;padding-bottom:10px;}
	.content .body .t3 .hd{padding:5px 0;width:100%;}
	.content .body .t3 .prev,.content .body .t3 .next{display:none;}
	.content .body .t3 ul{float:none;margin:0;padding:10px;}
	.content .body .t3 ul li{width:60px;height:60px;}
	.content .body .t3 ul li img{width:60px;height:60px;}
	.about .bd .pic{width:100%;float:none;}
	.product-case{background:#F0F0F0;height:auto;}
	.product-case .case-bd li{background:none;border:0;height:auto;}
	.product-case .case-bd li a{padding:0;}
	.product-case .case-bd li img{width:100%;height:100%;}
	.product-case .case-bd li h2{color:#0353c4}
	.product-case .more{width:90%;background:#FFFFFF}
	.mcase-bd dl{margin-top:8px;text-align:center;}
	.mcase-bd dl dd{display: inline-block;float: none;width:12px;height:12px;background-color: #999;border-radius:12px;margin-right:8px;font-size: 0;cursor: pointer;}
	.mcase-bd dl dd.on{background:#0353c4}
	.m_menu .s2,.m_so .s12{display:none;}
	.m_menu .s1 img,.m_menu .s2 img{width:20px;height:20px;}
	.m_so .s11 img,.m_so .s12 img{width:20px;height:20px;}
	.fixed-bottom{display:block;height:60px;position:fixed;bottom:0;left:0;width:100%;background:#0353c4;}
	.fixed-bottom a{display:inline-block;width:25%;float:left;padding-top:32px;height:28px;text-align:center;color:#fff;font-size:14px;}
	.fixed-bottom a.home{background:url(../images/footer-1.png) no-repeat 40px 8px;}
	.fixed-bottom a.tel{background:url(../images/footer-2.png) no-repeat 39px 8px;}
	.fixed-bottom a.wx{background:url(../images/footer-3.png) no-repeat 40px 8px;}
	.fixed-bottom a.lx{background:url(../images/footer-4.png) no-repeat 40px 8px;}
}