html{height: 100%;}
body{font-family: Helvetica,Arial,sans-serif; background: none; -webkit-text-size-adjust: 100%;}
*{padding: 0; margin: 0; border: 0; text-align: left; font-style: normal; font-weight: normal; font-size: 14px; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none;}
nav, footer, section, header, article{display: block;}
ul{list-style: none;}
a, a:hover{text-decoration: none;} a:link{-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none;} a:link, a:visited, a:hover, a:active{color: #000;}
input, textarea{-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}
.clear{clear: both;}
.totop4{height: 4px; line-height: 4px; background: #fff; clear: both;}
.foot{background: #146bd4; padding: 10px 0; color: fff; margin-bottom: 48px;} .foot p{text-align: center; color: #fff; line-height: 150%;} .foot p a, .foot p a:hover{color: #fff;}
.box_body{width: 100%; min-width: 320px; background: #fff url(../images/loading2.gif) no-repeat 50% 50%; position: absolute; z-index: 1; top: 0; bottom: 48px; left: 0; text-align: center;}
.box_main{min-width: 320px; max-width: 640px; background: #146bd3; margin: 0 auto; overflow: hidden; position: relative;}
#header{width: 100%; display: -webkit-box; -webkit-box-orient: horizontal; display: -moz-box; -moz-box-orient: horizontal; display: -o-box; -o-box-orient: horizontal; display: -ms-box; -ms-box-orient: horizontal; display: box; box-orient: horizontal;}
.head{height: 83px; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; text-align: left;} .head img{margin: 10px 0 0 5px; max-width: 200px; max-height: 67px; vertical-align: middle;}
.back{text-align: left; height: 83px;} .back span{float: left;} .back .fanhui{width: 31px; height: 83px;} .back .fanhui a{width: 31px; height: 83px; display: block; background: url(img/hp_bg5.png); background-size: auto; background-position: 0px 25px;} .back .shuaxin{width: 30px; height: 83px;} .back .shuaxin a{width: 30px; height: 83px; display: block; background: url(img/hp_bg5.png); background-size: auto; background-position: -35px 25px;} .back .type{width: 40px; height: 83px;} .back .type a{width: 30px; height: 83px; display: block; background: url(img/hp_bg5.png); background-size: auto; background-position: -69px 25px;}
#Nav{width: 100%; background: #A0131D;} #Nav li{width: 25%; height: 36px; float: left; text-align: center; line-height: 35px;} #Nav li a{color: #FFF; display: block; text-align: center; text-shadow: 1px 1px 1px #43060B; border-bottom: 1px solid #024596; border-left: 1px solid #0074ff; border-right: 1px solid #024596; border-top: 1px solid #0074ff;} #Nav li a:hover{background: #0039bb;}
#Banner{overflow: hidden; position: relative;} #Banner ul{min-height: 175.5px; overflow: hidden; position: relative;} #Banner ul li{float: left; min-height: 175.5px;} #Banner ul li img{max-width: 100%; min-height: 175.5px;}
.touchslider-viewport{background: url(img/banner_bg.png) center center;}
.touchslider-nav{}
.touchslider-prev{left: 0px; cursor: pointer; position: absolute; top: 50%; margin-top: -39px;}
.touchslider-next{right: 0px; cursor: pointer; position: absolute; top: 50%; margin-top: -39px;}
.touchslider-nav-item{background-color: #3b7dce; width: 62px; height: 7px; display: block; opacity: 0.7;}
.touchslider-nav-item-current{background-color: #4972a5; width: 62px; height: 7px; display: block; opacity: 0.7;}
.sonpic{position: absolute; bottom: 10px; left: 50%; margin-left: -94px;} .sonpic a{float: left; margin-right: 2px;}
.index_title{width: 100%; height: 35px; line-height: 35px; padding: 0px; overflow: hidden; display: -moz-box; display: -webkit-box; display: box; -moz-box-orient: horizontal; -webkit-box-orient: horizontal; box-orient: horizontal; background: #005dcc url(img/more.jpg) no-repeat 95%; cursor: pointer;} .index_title span{min-width: 260px; height: 19px; font-size: 17px; margin: 8px 0 0 10px; font-weight: bold; color: #fff; text-shadow: 1px 1px 1px #154166; overflow: hidden; word-wrap: break-word; word-break: break-all;}
.index_jianjie_con{background: #fff; overflow: hidden; padding: 10px; text-align: left; color: #3f3f3f; word-wrap: break-word; word-break: break-all; line-height: 150%;} .index_jianjie_con img{padding-right: 10px;}
.index_pro_con{background: #fff; overflow: hidden; padding: 10px;} .index_pro_con li{padding: 7px 0px; display: -webkit-box; -webkit-box-orient: horizontal; display: -moz-box; -moz-box-orient: horizontal; display: -o-box; -o-box-orient: horizontal; display: -ms-box; -ms-box-orient: horizontal; display: box; box-orient: horizontal;} .index_pro_con li img{max-width: 150px; max-height: 100px;}
.sub_title{width: 100%; height: 35px; line-height: 35px; padding: 0px; overflow: hidden; display: -moz-box; display: -webkit-box; display: box; -moz-box-orient: horizontal; -webkit-box-orient: horizontal; box-orient: horizontal; cursor: pointer;} .sub_title span{min-width: 260px; height: 19px; font-size: 17px; margin: 8px 0 0 10px; font-weight: bold; color: #fff; text-shadow: 1px 1px 1px #154166; overflow: hidden; word-wrap: break-word; word-break: break-all;}
.News_list{width: 100%; background: #fff; padding: 10px;} .News_list li{border-bottom: 1px solid #bebebe;} .News_list li div{display: block; padding: 5px 20px 10px 0px;} .News_list li div h3{-moz-box-orient: horizontal; color: #000000; display: -moz-box; padding: 7px 0 0; vertical-align: middle;} .News_list li div .con{text-align: left; color: #595959; padding-top: 10px;} .News_list li div .time{text-align: right; color: #595959;}
.yijiancon{padding: 25px 0; background: #fff;} .yijiancon ul{padding: 0px 10px;} .yijiancon li{width: 25%; float: left;}
.yijian1{width: 80%; height: 38px; line-height: 38px; text-align: center; background: #9b0000; color: #fff;}
.yijian2{width: 80%; height: 38px; line-height: 38px; text-align: center; background: #dc9600; color: #fff;}
.yijian3{width: 80%; height: 38px; line-height: 38px; text-align: center; background: #1d77f3; color: #fff;}
.yijian4{width: 80%; height: 38px; line-height: 38px; text-align: center; background: #1fbf00; color: #fff;}
.yijian5{width: 95%; height: 38px; line-height: 38px; text-align: center; background: #1d77f3; color: #fff;}
.yijian6{width: 95%; height: 38px; line-height: 38px; text-align: center; background: #9b0000; color: #fff;} .yijian1 a, .yijian2 a, .yijian3 a, .yijian4 a, .yijian5 a, .yijian6 a{color: #fff;}
.danye_con{background: #fff; padding: 10px 10px;} .danye_con img{width: 95%; margin: auto; text-align: center;}
.h9{font-size: 17px; line-height: 1.5em; font-weight: bold; padding: 15px 10px; text-align: center; word-wrap: break-word; word-break: break-all;}
.Products_list{width: 100%; background: #fff; padding: 15px 0;} .Products_list li{width: 50%; float: left;} .Products_list li .img{width: 150px; text-align: center; margin: 10px auto; height: 83px; background: #f0f0f0 url(img/loading.gif) no-repeat 50%;} .Products_list li div img{max-width: 150px; max-height: 83px;}
.yijian{width: 80%; margin: auto; padding: 0 0 15px 0;} .yijian li{width: 50%; float: left;}
.index_Pro_list_left{width: 150px; height: 100px; text-align: center; margin: 4px 0 0 10px; background: #f0f0f0 url(img/loading.gif) no-repeat 50% 50%; background-size: 20px; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; display: -moz-box; -moz-box-orient: horizontal; -moz-box-pack: center; -moz-box-align: center; display: -o-box; -o-box-orient: horizontal; -o-box-pack: center; -o-box-align: center; display: -ms-box; -ms-box-orient: horizontal; -ms-box-pack: center; -ms-box-align: center; display: box; box-orient: horizontal; box-pack: center; box-align: center;} .index_Pro_list_left img{width: auto;}
.index_Pro_list_content{width: 55%; line-height: 150%; padding-top: 2%; padding-left: 2%;} .index_Pro_list_content h3{width: 80%;} .index_Pro_list_content p{font-family: "Î¢ÈíÑÅºÚ"; font-size: 1em; padding: 10px 0;}
.index_Pro_list_right{width: 23%; line-height: 35px; text-align: center; float: right; float: left; padding-top: 10%;} .index_Pro_list_right a{width: 100%; font-family: "Î¢ÈíÑÅºÚ"; font-size: 1em; background: url(img/pro_input.jpg) no-repeat center center; display: block;}
.sub_more{width: 100%; background: #fff; padding: 15px 0;} .sub_more div{margin: auto; width: 19%; height: 34px;} .sub_more div input{width: 100%; height: 34px; line-height: 34px; background: #dddddd; text-align: center;}
.page{width: 50%; margin: auto; padding: 15px 0 15px 0;} .page li{width: 50%; float: left; text-align: center;} .page li div{width: 80%; height: 38px; line-height: 38px; text-align: center; background: #e3e3e3; color: #595959; margin: auto;} .page li div a{color: #595959;}
.type li{min-height: 49px; line-height: 49px; border-bottom: 1px solid #024596; text-align: left; text-indent: 24px; color: #fff;} .type li a{color: #fff;}
.bot{height: 44px; width: 100%; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; display: -moz-box; -moz-box-orient: horizontal; -moz-box-pack: center; -moz-box-align: center; display: -o-box; -o-box-orient: horizontal; -o-box-pack: center; -o-box-align: center; display: -ms-box; -ms-box-orient: horizontal; -ms-box-pack: center; -ms-box-align: center; display: box; box-orient: horizontal; box-pack: center; box-align: center; background: #0039bb; position: fixed; left: 0; bottom: 0;} .bot div{width: 25%; text-align: center; color: #fff;} .bot div a{color: #fff;}
.gbookinput{width: 90%; height: 33px; padding: 0 10px; line-height: normal; background: #fdfdfd; border-top: 1px solid #858585; border-left: 1px solid #afafaf; border-right: 1px solid #afafaf; border-bottom: 1px solid #c9c9c9; -moz-box-shadow: 1px 2px 3px #b7b7b7 inset!important; -webkit-box-shadow: 1px 2px 3px #b7b7b7 inset!important; box-shadow: 1px 2px 3px #b7b7b7 inset!important; -webkit-appearance: none; background: -webkit-gradient(linear,0 0,0 100%,from(#fdfdfd),to(#fdfdfd));}
.gbooktext{width: 90%; height: 130px; padding: 10px; line-height: 20px; background: #fdfdfd; border-top: 1px solid #858585; border-left: 1px solid #afafaf; border-right: 1px solid #afafaf; border-bottom: 1px solid #c9c9c9; -moz-box-shadow: 1px 2px 3px #b7b7b7 inset!important; -webkit-box-shadow: 1px 2px 3px #b7b7b7 inset!important; box-shadow: 1px 2px 3px #b7b7b7 inset!important; -webkit-appearance: none; background: -webkit-gradient(linear,0 0,0 100%,from(#fdfdfd),to(#fdfdfd)); resize: none;}
.fanhuitop{height: 44px; width: 100%; background:#4ac3be;}
