.product-show{margin:40px}

.top-three{overflow:hidden;margin-bottom:40px;height:auto}

.top-three li{float:left;padding:15px;width:285px;background-color:#FFF;text-align:center;margin-left: 15px;}

.top-three .middle{margin:0 20px}

.top-three li img{width:285px}

.top-three li h3{margin-top:15px;color:#009be4;font-weight:400;font-size:24px}

.dingzhi{width:100%;height:150px;background:url(../images/tantou/dingzhi.jpg) center center no-repeat}

.daili{width:100%;height:300px;background:url(../images/tantou/daili.jpg) center center no-repeat}

.daili a,.dingzhi a,.zhicheng a{display:block;width:100%;height:100%}

.zhicheng{width:100%;height:150px;background:url(../images/tantou/bkzl.jpg) center center no-repeat}

.three-advantage{width:100%}

.three-advantage .w990{position:relative;margin:40px auto;height:800px;background-color:#FFF}

.three-advantage .blue{z-index:1;margin-top:30px;width:100%;height:45px;background-color:#009CE3}

.three-advantage img{z-index:999;display:block}

.three-advantage ul li{float:left;margin:20px;width:290px}

.three-advantage ul li h6{font-weight:400;font-size:24px}

.three-advantage ul li .text{margin-top:20px;height:300px}

.three-advantage ul li p{font-size:14px;line-height:30px}

.jianzheng{margin:30px;}

.jianzheng .w990{position:relative;background-color:#FFF;padding-bottom: 20px;}

.jianzheng h3{margin-top:30px;color:#009be4;text-align:center;font-weight:400;font-size:30px}

.jianzheng ul{overflow:hidden;margin:0 auto;margin-top:30px;margin-bottom:30px;width:880px;height:210px}

.jianzheng h3 b{color:#646464;font-size:24px}

.jianzheng ul li{float:left;margin:10px;width:200px;text-align:center}

.jianzheng ul li a{color:#303030}

.jianzheng ul li img{margin-bottom:10px;width:200px;height:165px;border:2px solid #EEE}

.jianzheng .btn{position:absolute;margin-top:-145px;width:100%}

.shili,.shili-zizhi,.zizhi{height:310px}

.shili-zizhi .shili{float:left;width:700px;background-color:#FFF}

.shili-zizhi .shili ul{margin:0 auto;width:690px}

.shili-zizhi .shili li{float:left;margin:20px 5px;width:220px;text-align:center}

.shili-zizhi .shili li img{margin-bottom:10px;width:220px;height:145px}

.shili-zizhi .zizhi{float:right;width:261px;background-color:#FFF}

.shili-zizhi .zizhi .btn i{position:absolute;margin-top:80px}

.shili-zizhi .zizhi .tempWrap{margin-top: 15px;}

.shili-zizhi .zizhi ul{margin:10px auto;width:200px;text-align:center;margin-top: 15px;}

.shili-zizhi .zizhi ul img{width:195px;height:165px}

.shili-zizhi .zizhi ul li p{margin-top:10px}

.shili-zizhi .zizhi i.ico-back-next{margin-left:230px}

h4.format{margin-top:20px;margin-left:15px;padding-left:5px;border-left:4px solid #F8B600;color:#44aae8;font-weight:400;font-size:20px}

h4.format b{color:#646464}

.intro-message{margin:40px 0}

.intro-message h4{margin-bottom:30px}

.intro-message .intro,.intro-message .message{height:480px;background-color:#FFF}

.intro-message .intro{float:left;width:575px}

.intro-message .intro img{float:left;margin-left:15px;width:280px;height:300px}

.intro-message .intro p{float:right;margin-right:15px;width:250px;font-size:14px;line-height:26px}

.intro-message .message{float:right;width:370px}

.message form{margin-left:15px;height: auto;overflow: hidden;margin-top: 20px;}

.message form label{float:left;display:block;margin-right:10px;width:60px;text-align:right}

.message .item{margin-bottom:15px}

.message .item input{padding:3px}

.message input.reset,.message input.submit{float:left;display:block;margin-right:10px;padding:10px;width:85px;border:none;background-color:#DDD;color:#FFF;cursor:pointer}

.message input.submit{background-color:#019BE5}

.index-news{margin:50px 0}

.index-news .item{height:295px}

.index-news .left{margin-top:50px;width:220px}

.index-news .left h4{float:left;margin-top:10px;color:#009BE4;text-align:center;font-weight:400;font-size:24px}

.index-news .left h4 span{color:#ccc;font-size:20px}

.index-news .right{width:710px;font-size:14px}

.index-news .right a{color:#303030}

.index-news .right li{float:left;margin-right:20px;width:335px;height:40px;border-bottom:1px solid #DDD;line-height:40px}

.index-news .right h4{float:left;overflow:hidden;width:245px;height:40px;font-weight:400}

.index-news .right span.time{float:right;display:block}

.index-news .right .one{height:130px}

.index-news .right .one img{float:left;width:190px;height:120px}

.index-news .right .one .right{width:500px}

.index-news .right .one .right h3{color:#009AE2;font-size:16px}

.index-news .right .one .right p{overflow:hidden;height:70px;line-height:22px}

.index-news .right .faq{margin-top: 40px;}

.index-news .right .faq li{overflow:hidden;margin-bottom:20px;height:60px;line-height:30px}

.index-news .right .faq li i{float:left;margin-top:5px;margin-right:5px}

.index-news .right .faq li h4{float:none;height:30px}

.ulink .w990{border-top:2px solid #DDD}

.ulink h4{position:absolute;margin-top:-2px;width:200px;border-top:5px solid #009EE5;color:#009EE5;font-size:24px}

.ulink h4 span{margin-left:10px;padding-left:10px;border-left:4px solid #009EE5;color:#F7C96B;text-transform:uppercase}

.ulink ul{margin-top:40px}

.ulink ul li{float:left;display:block;margin-right: 20px;margin-top: 20px;}

.ulink ul li a{color:#303030}

.now-position{padding:15px;border-bottom:1px solid #DDD;text-align:right;height: 20px;}

.now-position a{color: #323232}

.tuijianchanpin li{float:left;margin:7px;width:170px;height:220px;text-align:center}

.tuijianchanpin li img{margin-bottom:8px;width:170px;height:170px}

.tuijianchanpin li a{overflow:hidden;height:30px;color:#303030}

.news-list{padding:20px!important}

.news-list .one img{float:left;width:190px;height:110px}

.news-list .one .right{float:right;width:500px}

.news-list .one .right h3{margin-bottom:5px;font-size:16px}

.news-list .one .right h3 a{color:#009BE5}

.news-list .one .right p{overflow:hidden;height:70px;font-size:14px}

.news-list ul{clear:both}

.news-list ul li{float:left;width:350px;height:40px;border-bottom:1px solid #EEE;line-height:40px}

.news-list ul li a{color:#303030;font-weight:400;font-size:14px}

.news-list ul li h3{float:left;overflow:hidden;width:270px;height:40px}

ul.left-recommend{padding-top:15px}

ul.left-recommend li{overflow:hidden;margin:10px auto;width:200px;height:250px;text-align:center}

ul.left-recommend li img{margin-bottom:10px;width:200px;height:200px}

ul.left-recommend li a{color:#323232;font-size:14px}

#shu-line{position: absolute;height: 600px;border-left:3px solid #009BE4;margin-top: 100px;margin-left: 177px;z-index: -1}

.product-detail{padding-bottom: 40px;box-shadow: 2px 2px 2px #DDD}

.product-detail .show-product{height: 470px;padding: 20px;}

.product-detail .show-product .left{

	width: 364px;

}

.product-detail .show-product .left #bigimg{

	width: 350px;height: 350px;

}

.product-detail .show-product .left ul{margin-top: 10px;}

.product-detail .show-product .left li,.product-detail .show-product .left li img{width: 80px;height: 80px;margin: 0px 10px 0px 0px;cursor: pointer;float: left;}

.product-detail .show-product .left li.on,.product-detail .show-product .left li:hover{border: 2px solid #F9B401; }

.product-detail .show-product .right{width: 330px}

.product-detail .show-product .right h1{font-size: 18px;color: #009CE4;font-weight: normal;height: 55px;overflow: hidden;}

.product-detail .show-product .right .shuxing{font-size: 15px;line-height: 24px;height: 220px;overflow: hidden;}

.product-detail .show-product .right .shuxing p{margin-top: 10px;border-bottom: 1px solid #EEE;}

.product-detail .show-product .right .contact{font-size: 20px;margin-bottom: 10px;}

.product-detail .show-product .right .contact b{color:#F9B401;font-size: 24px; }

.product-detail #detail h2{font-size: 20px;margin-left: 20px;font-weight: normal;color:#009CE4;border-bottom: 2px solid #009CE4; }

.product-detail .form h4{color: #FFF;background-color:#009CE4;padding: 10px;width: 680px;margin: 0 auto; }



.content-detail{padding-bottom: 40px;box-shadow: 2px 2px 2px #DDD}

.content-detail h1{font-size: 24px;text-align: center;}

.content-detail .sub{text-align: center;}

.content-detail .sub span{padding: 5px 20px;}

.content-detail .content-footer{width: 700px;margin: 0 auto;border-top: 1px solid #EEE}

.content-detail .content-footer a{color: #323232;font-size: 15px;}



.left-list-news li{padding: 5px;height: 16px;overflow: hidden;display: block;}

.left-list-news li em{padding: 1px 5px;background-color: #EEE;}

.left-list-news li a{color: #323232;width: 190px;margin-left: 5px;overflow: hidden;}

.tempWrap{margin: 0 auto;}





.now-position .boxname,.now-positon h2{float:left;width:200px;color:#FFF}

.now-position p{float:right;font-size:12px}

.show-case-box p.tag{margin: 10px 0px;font-size: 14px;color: #766A55}

.show-case-box p span{margin-right: 50px;}

.show-top{border-bottom:1px solid #826D53;height:28px;padding: 0px;}

.show-top h1.boxname{font-size:16px;color:#766A55;text-align: left}







#view img{max-width:990px;vertical-align:middle}

.mod_focus_show{width:990px;position:relative;overflow:hidden;margin:0 auto}

.mod_focus_show a{color:#313131}

.mod_focus_show .mod_focus_pic{display:block;width:990px;height:730px}

.mod_focus_show .mod_focus_pic a,.mod_focus_show .mod_focus_pic img,.mod_focus_show .mod_focus_pic li{display:block;height:730px;margin:0 auto}

.mod_focus_show .mod_focus_pic li{left:0;top:0;margin:0 auto}

.mod_focus_show .mod_focus_title{z-index:1;left:0;bottom:170px;overflow:hidden;zoom:1;width:974px;height:40px;padding:10px;opacity:.6;filter:alpha(opacity=.6)}

:root .mod_focus_title{filter:none}

.mod_focus_show .mod_focus_title li{width:974px;padding:0 0 0 20px;overflow:hidden;word-break:keep-all;word-wrap:keep-all;white-space:nowrap;table-layout:fixed;-o-text-overflow:ellipsis;text-overflow:ellipsis}

.mod_focus_show .mod_focus_title li h3{line-height:53px;font-size:28px;font-family:"Microsoft Yahei",Tahoma,Geneva;font-weight:500}

.mod_focus_show .mod_focus_title li h3 a{color:#98e404}

#nav-2{margin-top:-500px;position:absolute;z-index:999;height:98px;width:990px}

#nav-2 .icon_next,#nav-2 .icon_prev{background:url(../images/sprite.png) no-repeat;width:67px;height:63px;display:block;cursor:pointer;position:absolute;margin-top:30px}

#nav-2 .icon_prev{background-position:-3px -340px;float:left}

#nav-2 .icon_prev:hover{background-position:-3px -448px}

#nav-2 .icon_next{background-position:-183px -340px;margin-left:900px;float:left}

#nav-2 .icon_next:hover{background-position:-183px -448px}

.icon_next,.icon_prev{background-image:url(../images/sprite.png)!important}

.focus_switch{z-index:2;position:absolute;height:98px}

.focus_switch .icon_next,.focus_switch .icon_prev{background:url(../images/sprite.png) no-repeat center center;width:40px;height:115px;display:block;cursor:pointer;position:absolute;margin-top:30px}

.focus_switch .icon_prev{background-position:-80px -305px;float:left}

.focus_switch .icon_prev:hover{background-position:-80px -433px}

.focus_switch .icon_next{background-position:-127px -305px;margin-left:950px;float:left}

.focus_switch .icon_next:hover{background-position:-127px -433px}





.mod_focus_show .mod_focus_list{padding:10px 5px;overflow:hidden;height:140px;width:900px;margin:20px auto;margin:0 0\9!important}

.mod_focus_show .mod_focus_list li.current,.mod_focus_show .mod_focus_list li:hover{border:2px solid #F9B401}

.mod_focus_show .mod_focus_list li{width:200px;height:115px;float:left;margin:0 10px 60px 0;position:relative}

.mod_focus_show .mod_focus_list li a{display:block;width:150px;height:100px}

.mod_focus_show .mod_focus_list li img{display:block;width:200px;height:115px}

.mod_focus_show .mod_focus_list .current .mask,.mod_focus_show .mod_focus_list li a:hover .mask{display:none}

#dituContent{clear: both;position: relative;}

#dituContent img{width: auto !important;height: auto !important;margin: auto !important;}





.big-size{font-size: 30px;font-weight: normal;color:#028AD4;height: 45px;text-indent: 0px;margin-top: 30px;}

.formate{text-indent: 0px;height: auto;overflow: hidden;}

#product-format,.product-format{width:450px;text-align: left;float: right}

#product-format thead th,.product-format thead th{font-size: 20px;background-color: #028AD4;color: #FFF;padding: 4px;border: none}

#product-format tr td,.product-format  tr td{font-size: 12px;padding: 1px;background-color: #E8E8E8;border: 1px solid #FFF !important}

#content .formate img{margin: 0px !important;}

#content .formate table{border: 0px !important;}

#content .formate{background-color: #EEEEEE}



.gs-back{background: url(../images/gs-back.jpg) top center no-repeat;width: 740px;height:911px;margin-bottom: 50px;padding-top: 350px;}

.p-blue-title{color: #028AD4;font-size: 20px;text-indent: 0px;margin-top: 30px;}

.gs-back .item{width: 580px;margin-left: 120px;height: 128px;font-size: 14px;line-height: 24px;}

.gs-back .item b{color: #F7B200;}

.gs-back .item h6{font-size: 22px;font-weight: bolder;color:  #028AD4;margin-bottom: 5px;}

#more-item{line-height: 30px;}

#more-item p{margin-bottom: 5px;}







/*动画*/



.index-news i:hover{

	-webkit-transform: rotate(360deg);

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out;

	transition: all 0.5s ease-in-out;

}







.animated {

  -webkit-animation-duration: 1.2s;

  animation-duration: 1.2s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}





@-webkit-keyframes zoomIn {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(.3, .3, .3);

    transform: scale3d(.3, .3, .3);

  }



  50% {

    opacity: 1;

  }

}



@keyframes zoomIn {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(.3, .3, .3);

    transform: scale3d(.3, .3, .3);

  }



  50% {

    opacity: 1;

  }

}



.zoomIn {

  -webkit-animation-name: zoomIn;

  animation-name: zoomIn;

}







@-webkit-keyframes fadeInRight {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes fadeInRight {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



.fadeInRight {

  -webkit-animation-name: fadeInRight;

  animation-name: fadeInRight;

}





@-webkit-keyframes fadeInUp {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes fadeInUp {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



.fadeInUp {

  -webkit-animation-name: fadeInUp;

  animation-name: fadeInUp;

}



@-webkit-keyframes fadeInDown {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes fadeInDown {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }



  100% {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



.fadeInDown {

  -webkit-animation-name: fadeInDown;

  animation-name: fadeInDown;

}







.scale:hover{

	-webkit-transform: rotate(360deg);

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out;

	transition: all 0.5s ease-in-out;



	cursor: pointer;

}



.updown:hover{

	-webkit-animation-name: pulse;

  	animation-name: pulse;

}





@keyframes pound {

    from { transform: none; }

    50% { transform: scale(1.1); }

    to { transform: none; }

}



@-webkit-keyframes pound {

	from { transform: none; }

	50% { transform: scale(1.1); }

	to { transform: none; }

}

.delay-1{

	animation-delay:0.2s;

	-webkit-animation-delay:0.2s;

}

.delay-2{

	animation-delay:0.4s;

	-webkit-animation-delay:0.4s;

}

.delay-3{

	animation-delay:0.6s;

	-webkit-animation-delay:0.6s;

}

.delay-4{

	animation-delay:0.8s;

	-webkit-animation-delay:0.8s;

}

.delay-5{

	animation-delay:1s;

	-webkit-animation-delay:1s;

}

.w990 a { color:#0000cc;}