body { padding: 0; margin: 0; font-family: "微软雅黑", 'Microsoft YaHei',Arial,Verdana,"宋体"; }
div, form,input, img, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6，button, input, select, textarea { font-size: 100%; border: 0 }
em,i{ font-style: normal }
img { border: 0; display: block;}
ul, ol { list-style: none; }
input,button,select,textarea{outline:none}
textarea{resize:none}
/*L-V-H-A */
a { text-decoration: none; color: #333; }
a:visited { color: #333; }
a:hover { color: #333; text-decoration: none; }
a:active {color: #333; }
a:link { color: #333; }
/*颜色区*/
.green { background: #0773da; }
/*浮动区*/
.fl { float: left;}
.fr { float: right; }
.clear{ height:0px;clear:both; font-size:0px;line-height:0px;zoom: 1;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0px;}
/*公用部分*/
.cont-width { position: relative; overflow: hidden; background: #fff; font-family: "微软雅黑","Microsoft YaHei",Arial,Verdana,"宋体"; margin: 0 auto; min-width: 320px; max-width: 640px; }
/*__________top顶部__________*/
.yd-top { width: 100%; height: 2.5em; line-height: 2.5em;}
.yd-top p {position: relative;  color: #fff; font-size: 1em; text-align: center; }
.yd-top p::before { position: absolute; content: " "; top: 22%; left: 9%; width: 1.7083em; height: 1.7083em; background: url(../images/top-tel.png) no-repeat left center/100%; }
.yd-top p b { font-size: 1.417em; }
.yd-top p b a { color: #fff; }
/*__________logo 部分__________*/
.yd-logo { height: 6.25em; width: 100%;  background: url(../images/yd-logo-img.jpg) no-repeat left center/100%; }
.yd-logo img {position: relative; display: block;width:95%; padding: 4% 4% 0 2% }
.yd-logo .ages {position: relative; width:72%; padding-top: 5.2%; padding-left: 2%; }
.yd-logo .ages::after { position: absolute; left: -3%; top: 22%; content: ''; height: 3.958em; width: 0.125em;  background: url(../images/logo-right.png) no-repeat; background-size: 100%; }
.ages span { display: block; font-weight: normal; font-size: 1.25em; color: #404040; font-family:"微软雅黑","Microsoft YaHei";}
.ages span em { display: inline-block; color: #cd2b1e; }
/*__________顶部导航__________*/
.yd-top-nav {background: #fff;width: 100%; }
.yd-top-nav ul { background: #0773da; position: relative; width: 100%; overflow: hidden;}
.yd-top-nav ul::before { position: absolute; content: ''; left: 0; top: 50%; width: 100%; height: 1px; background: #fff;}
.yd-top-nav ul li { width: 24%; border-right: 1px solid #fff ; float: left; background: #0773da; height: 2.833em; line-height: 2.833em; text-align: center; }
.yd-top-nav ul li a { display: block;width: 100%;  font-size: 1em; color: #fff; }
.yd-top-nav ul li a:hover { background: #f39802; }
.yd-top-nav ul li:nth-child(-n+4) { margin-bottom: 2px;}
.yd-top-nav ul li:nth-child(4n) { border-right: none; }
.yd-top-nav ul li:nth-child(3), .yd-top-nav ul li:nth-child(7) { width: 27%; }
/*__________首页banner 部分__________*/
.yd-banner { width: 100%; margin: 1px auto 0;}
.yd-banner img { height: auto; width: 100%;}
.scroll{margin:0px auto;max-width:640px; position: relative;}
.scroll_box{overflow:hidden;visibility:hidden;position:relative;}
.scroll_wrap{overflow:hidden; position:relative;}
.scroll_wrap li{position:relative;display:block;width:100%;float:left;}
.scroll_wrap li a{display:block;margin:0 auto;position:relative;}
.scroll_position{position:absolute; left:38%; z-index:400px; bottom:-5px;}
.scroll_position li{display:inline-block; width:1.67em; height:0.417em;  background:#777776; }
.scroll_position li a{font-size:0;}
.scroll_position li.on{background-color:#077de8;}
.scroll_position_bg{position:absolute;bottom:12px;left:42%;padding:0 15px;z-index:380px;height:26px;border-radius:26px;}
/*__________ go-top  部分__________*/
.go-top {position: relative; height: 2.2em; background: #ffa200; cursor:pointer; margin-top: -1px;}
.go-top::after { position: absolute; top: 30%; right: 38%; content: ''; width:0.66em; height:0.916em;   background: url(../images/go_top.png) no-repeat ; background-size: 100%; }
.go-top a { display: block; font-size: 1.1em;  line-height: 2em; color: #fff; margin: 0 auto;  text-align: center; }
/*__________ 底部信息 部分__________*/

.yd-tinfo { width: 100%; background: #0773da; min-height:115px; padding-bottom: 4em; }
.yd-tinfo img { float:left; padding:3% 0; margin-left:5px; padding-right:10px; height:100px;}
.yd-tinfo p { color: #fff; font-size: 1em; text-align:center; line-height:1.28em; padding-top:3%; }
.yd-tinfo p a { color: #fff; font-size: 1em;line-height:1.28em;   }

/*__________ 底部导航 部分__________*/
.bottom-nav { width: 100%; min-width: 320px; max-width: 640px; position: fixed; bottom :0; }
.bottom-nav ul {  width: 100%; background: #0363bf; height: 3.916em; overflow: hidden; }
.bottom-nav li {cursor:pointer;  float: left; background: url(../images/bottom-nav.png) no-repeat right top; text-align: center; overflow: hidden;}
.bottom-nav li img { display: block;  margin: 0 auto; padding: 0.4em 0 0.2em 0;}
.bottom-nav li:nth-child(1) { width: 23%; }
.bottom-nav li:nth-child(1) img { width: 30%; }
.bottom-nav li:nth-child(2) { width: 25%; }
.bottom-nav li:nth-child(2) img  { width: 28%; }
.bottom-nav li:nth-child(3) { width: 27%; }
.bottom-nav li:nth-child(3) img { width: 26%; }
.bottom-nav li:nth-child(4) { width: 25%; background: #f39802;}
.bottom-nav li:nth-child(4) img { width: 28%; }
.bottom-nav li a {  display: block; color: #fff; font-size: 1.2em; padding-bottom: 1em;}

.bottom-tel { position: relative;  width: 2.917em;  height: 2.917em;  position: fixed; bottom: 5em; right: 0.5em; }
.bottom-tel img { display: block; width: 100%; }
/*__________ 菜单 导航部分__________*/
.menu {position: relative;  background: #0773da none repeat scroll 0 0; color: #fff; font-size: 1.3em; font-weight: bold; line-height: 3em; position: relative; text-align: center; width: 100%; }
.menu a {position: relative; display: block; width: 3em; height: 2em; color: #fff;}
.menu a.fl {position: absolute; top: 15%; left: 0; content: '';width: 3em; height: 2em;  background: url(../images/go-1.png) no-repeat scroll center center / 48% auto;}
.menu a.fr::after {position: absolute; top: 30%; right: 70%; content: ''; width: 3em; height: 2em;  background: url(../images/menu01.png) no-repeat scroll center center / 48% auto;  }
/*__________ 二级隐藏菜单栏__________*/
.tc-menu {position: absolute; top: 3em; padding: 0.4em; right: 0; width: 35%; display: none; z-index: 9999; text-align: left; background-color: rgba(25, 25, 25, 0.6);}
.tc-menu ul { width: 100%;}
.tc-menu ul li { width: 100%; height: 2em; line-height: 2em;   }
.tc-menu ul li a  {display: block; width: 100%; height: 100%; color: #fff; font-size: 0.8em; font-weight:normal;text-indent: 6%;}
/*__________ 搜索部分__________*/
.search { padding: 5% 0; background: #f7f7f7; }
.search ul { width: 78.125%; margin: 0 auto; overflow: hidden;}
.search ul li {float: left; border: 1px solid #c6c7c8; height: 2.083em; overflow: hidden;}
.search ul li:nth-child(1) {width: 70%; padding-left:0.5em; background: #fff; border-right: none;}
.search ul li:nth-child(2) { width: 22%; background: #0195a1; text-align: center; color: #fff; font-size: 1em; font-weight: bold; }
.search ul li:nth-child(2) input { background: #0773da url(../images/search_bg.png) no-repeat 80% center; color: #fff; height: 100%;cursor:pointer; -moz-appearance: none; border: medium none;text-indent: 0; padding-right:20px;}
.search input { -webkit-appearance: none; -moz-appearance: none; border: medium none; background: #fff; border: 0 none; color: #666; height: 100%; text-indent: 3px; width: 100%;}

/*__________ 翻页__________*/
#list-pages { height: 2em; line-height: 2em; margin: 0 auto;  width: 100%; padding: 1.458em 0; }
#list-pages li {width:20%; margin-left: 2%; font-size: 1em;  background: #f39802; color: #fff;  float: left; text-align: center;}
#list-pages li.thisclass { display: none;}
#list-pages li.pageinfo { width: 28%; }
#list-pages li.page-bg a { display: block; width: 100%; height: 100%; color: #fff; font-size: 1em; text-align: center;}
/*__________ 地图__________*/
.linkbox { width: 96.25% ;margin: 0 auto 1em;}
.linkbox h3 { width: 100%; border-bottom: 1px solid #c3c3c3; height: 2.3em; }
.linkbox h3 a { font: 1.15em/2.3em "微软雅黑", "Microsoft YaHei"; color: #000;}
.linkbox ul { width: 100%; }
.linkbox ul li {float: left;  margin-right: 4%; height: 2em; }
.linkbox ul li a { display: block; font: 1em/2em "微软雅黑", "Microsoft YaHei"; color: #444;}



/*CSS pageinfo style pagination*/
.pageinfo11_box{ float:left;width:100%; margin-top:5px; overflow: hidden;}
.pageinfo11 {padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin:3px;  text-align: center; line-height:25px; font-size:14px; }
.pageinfo11 a {border: #333 1px solid; padding-right: 5px;padding-left: 5px; padding-bottom: 2px; margin: 2px;  color: #333; padding-top: 2px;  text-decoration: none}
.pageinfo11 a:hover {border: #333 1px solid;color: #333; }
.pageinfo11 a:active {border: #333 1px solid;color: #333;}
.pageinfo11 .thisclass {border: #333 1px solid; padding-right: 5px; padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 2px; color: #fff; padding-top: 2px;  background-color: #333}
.pageinfo11 .disabled {border: #333 1px solid;padding-bottom: 2px; padding-right: 5px;padding-left: 5px; color: #333; margin-right: 2px; padding-top: 2px; }
.pageinfo11 strong{color: #333; padding:0 3px;}

.pageinfo11 span{ background:#fff;}
.pageinfo11 span a{ color:#F00}


.clear{zoom: 1;}


@media screen and (min-width:320px){body{font-size:75%;}}
@media screen and (min-width:360px){body{font-size:87.5%;}}
@media screen and (min-width:480px){body{font-size:112.5%;}}
@media screen and (min-width:568px){body{font-size:131.25%;}}
@media screen and (min-width:639px){body{font-size:150%;}}




.pro_show_r{width:100%; float: left; overflow: hidden;}

.p_show_r1{ }
.p_show_title{font-size: 30px; color: #000; line-height: 36px; border-bottom: 1px solid #737373;}
.p_show_ul{padding: 6px 14px;}
.p_show_ul li{line-height: 30px; font-size: 16px; color: #737373;}
.p_show_ul li span{color: #000;}


/*产品详细*/
.pro_gd .m-nowra { width:320px; margin:0 auto; position:relative; overflow:hidden; }
.pro_gd .prev { width:35px; height:60px; position:absolute; top:50%; margin-top: -25px;left:0; z-index:99; }
.pro_gd .prev:before { content:""; position:absolute; background:#bababa; width:15px; height:15px; left:10px; top:21px; z-index:10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.pro_gd .prev:after { content:""; position:absolute; background:#f9f9f9; width:15px; height:15px; left:14px; top:21px; z-index:11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.pro_gd .next { width:35px; height:60px; position:absolute; top:50%; margin-top: -25px; right:0; z-index:99; }
.pro_gd .next:before { content:""; position:absolute; background:#bababa; width:15px; height:15px; right:10px; top:21px; z-index:10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.pro_gd .next:after { content:""; position:absolute; background:#f9f9f9; width:15px; height:15px; right:14px; top:21px; z-index:11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.pro_gd .no_ov { margin:16px 35px 0 35px; width:250px; overflow:hidden;}
.pro_gd .m-box {  overflow:hidden; }
.pro_gd .m-box p a { display:inline-block; width:250px; float:left; line-height:35px; text-align:center; }
.pro_gd .m-box p a.mr10 { margin-right:10px; }
.pro_gd .m-box p a img { float:left; }


.ps_r2_1{float: left;}
.ps_r2_1 a{display: block; margin-left:120px; width: 114px;margin-top:15px;  height:38px; line-height: 38px; background: url(../images/qqzx_bg.png) no-repeat 8px center #0296a2; text-indent:32px; color: #fff;}
.ps_r2_2{height: 52px; float: left; margin-left:50px;padding-left:30px; background: url(../images/ps_r2_tel.png) no-repeat;}
.ps_r2_2 p.p1{font-size: 18px; color: #000; line-height:22px;}
.ps_r2_2 p.p2{font-size: 20px; font-weight: 800; line-height:25px; color: #fea200;}