* {-webkit-tap-highlight-color:rgba(0,0,0,0);/*禁止链接高亮*/ -webkit-touch-callout:none;/*禁止链接长按弹出选项菜单*/ margin:0; padding:0; outline:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
*::after, *::before {box-sizing:border-box;}
html {height:100%;}
html,body {outline:none; background-color:#fff; font-family:'Helvetica Neue','Hiragino Sans GB','WenQuanYi Micro Hei','Microsoft Yahei',sans-serif; font-size:46px;/*1rem=46px*/ line-height:1.5; color:#333; -webkit-text-size-adjust:100%;}
b,h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:bold; -webkit-text-size-adjust:100%;}
ul,li {list-style:none;}
img {border:0;vertical-align:middle;-webkit-touch-callout:none;	/*禁止图片长按弹出选项菜单*/width:100%;}
aside,nav,footer,section,header,article {display:block;}
img,input,textarea {border:0; font-family:'Helvetica Neue','Hiragino Sans GB','WenQuanYi Micro Hei','Microsoft Yahei',sans-serif;}
a {text-decoration:none; display:inline-block; color:#333; -webkit-appearance:none;}
a:link,a:visited {color:#333;}
a:hover,a:active {text-decoration:none;}
input[type="button"],input[type="submit"] , button {font-family:'Helvetica Neue','Hiragino Sans GB','WenQuanYi Micro Hei','Microsoft Yahei',sans-serif; cursor:pointer; -webkit-appearance:none;}
.clear:after{display:block; height:0; line-height:0; clear:both; visibility:hidden; content:'\0020';}
.clear{*zoom:1; clear:both;}
.clearfloat{*zoom:1;}
.clearfloat:after{visibility:hidden; display:block; clear:both; font-size:0; height:0; content:" ";}
::-webkit-input-placeholder {color:#000;}
:-moz-placeholder { color:#000;}
::-moz-placeholder { color:#000;}
:-ms-input-placeholder { color:#000;}

@media screen and (min-width:320px) and (max-width:360px) { html {font-size:46px;} /*1rem=46px*/  }
@media screen and (min-width:360px) and (max-width:420px) { html {font-size:52px;} /*1rem=52px*/ }
@media screen and (min-width:420px) and (max-width:480px) { html {font-size:58px;} /*1rem=58px*/ }
@media screen and (min-width:480px) and (max-width:640px) { html {font-size:64px;} /*1rem=64px*/ }
@media screen and (min-width:640px) { html {font-size:72px;} /*1rem=72px*/ }

/*Common Styles*/
body {font-size:0.25rem; color:#333; padding-bottom:1.1rem;}
section {margin:0 auto; overflow:hidden; display:block; min-width:320px; max-width:640px;}

/*Header - start*/
.Header {width:100%; padding:0; overflow:hidden;}
.Header .logo {width:39.0625%; float:left;}
.Header .ad {width:60.9375%; float:right;}
/*Header - end*/


/*Banner - start*/
.Banner {width:100%; overflow:hidden;}
.flexslider {margin: 0 auto;position: relative; z-index:10; zoom: 1; padding:0;}
.flexslider .slides  li {display: none;-webkit-backface-visibility: hidden;}
.flexslider .slides img {width: 100%;display: block;}
.slides:after {content: "."; display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.no-js .slides > li:first-child {display: block;}
.flex-viewport {-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;}
.flexslider .slides {display: block; zoom: 1;}
.flexslider .slides  li a {display:block;}
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width:60px;height:90px;margin:-45px 0 0;display: block;background: url(Img/Mobile/ad_ctr.png) no-repeat 0 0;position: absolute;top:50%;z-index: 10;cursor: pointer; text-indent: -9999px;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next {background-position: 0 -90px;right: 0;}
.flex-direction-nav .flex-prev {left: 0;}
.flexslider:hover .flex-next {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;filter:alpha(opacity=50);}
.flex-control-nav {width: 100%; position: absolute;bottom:6px;text-align: center;}
.flex-control-nav li {margin: 0 5px; display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {display:block;height:12px;overflow: hidden;text-indent:-99em;width: 12px;cursor: pointer; background:url(Img/Mobile/dot.png) right top no-repeat;}
.flex-control-paging li a.flex-active {background-position:0 0;}
/*Banner - end*/


/*Footer Nav start*/
#footerNav {width:100%; text-align:center; position:fixed; left:0; bottom:0; z-index:1000; background:#0d73c0;}
.footerNav {height:100%; width:100%; font-size:0.33rem;}
.footerNav li {float:left; width:25%; position:relative; border-right:1px solid #0c64a9; border-left:1px solid #197ac3;}
.footerNav li > a {display:block; height:100%; line-height:1rem; font-weight:bold; color:#fff;}
.footerNav li > a img {width:35%; max-width:34px;}
.footerNav li > a:hover , .footerNav li.selected > a {background:#d00000;}
.subNav {position:absolute; z-index:1000; left:0; bottom:100%; width:100%; display:none;}
.subNav dd {overflow:hidden; line-height:0.74rem; color:#fff; margin-bottom:1px; background:#d00000;}
.subNav dd a {font-size:0.24rem; color:#fff; display:block; height:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.subNav dd a:hover {background:#0d73c0;}
/*Footer Nav end*/


/*首页 - start*/
.perColumnWrap {width:100%; overflow:hidden; padding:0.42rem 0 0.55rem;}
.perTitle {overflow:hidden; text-align:center; font-size:0.5rem; color:#0d73c0;}
.perTitle i {background:url(Img/Mobile/title_bg.png) left center no-repeat; display:inline-block; vertical-align:middle; width:0.5rem; height:0.5rem; background-size:auto 100%; margin:0 0.13rem;}

/*hotProducts - start*/
.hotProducts {padding-top:0;}
.pro_title {text-align:center; overflow:hidden; background:#0d73c0; font-size:0.416rem; line-height:2.1; color:#fff; padding-bottom:1px;}
.product_list {width:100%; overflow:hidden;}
.product_list li {float:left; width:44%; margin:4.5% 3% 0; display:inline; overflow:hidden; text-align:center;}
.product_list li a , .product_list li i , .product_list li span {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.product_list li i {border:1px solid #d2d2d2; margin-bottom:0.15rem;}
.product_list li a:hover {color:#d00000;}
.product_list li a:hover i {border:2px solid #d00000;}
.hotProducts .seeMore {width:94%; margin:0 auto; display:block; border:1px solid #e6e3e3; line-height:2.2; color:#666; text-align:center; margin-top:4.5%;}
.hotProducts .seeMore:hover {color:#d00000; border-color:#d00000;}
/*hotProducts - end*/


/*Famous customers - start*/
.famousCustomer {background:#eee;}
.swiper-container {width:92%; height:100%; margin:0.4rem auto 0; padding-bottom:0;}
.swiper-wrapper {width:100%; margin:0 auto;}
.swiper-slide {text-align:center; background:#fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-slide>ul {overflow:hidden; width:100%; border-left:1px solid #ddd; border-top:1px solid #ddd;}
.swiper-slide>ul>li {width:50%; float:left; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.swiper-slide>ul>li a {display:block; text-align:center;}
.swiper-slide>ul>li a img {width:62%; height:auto; display:block; margin:5% auto;}
.swiper-button-next , .swiper-button-prev {margin-top:0; top:35.5%; width:5%; height:auto;}
.swiper-button-prev {left:0;}
.swiper-button-next {right:0;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:0px;}
/*Famous customers - end*/


/*Why select us - start*/
.Advantages .perTitle {width:94%; margin:0 auto;}
.adv_list {width:94%; overflow:hidden; margin:0 auto;}
.adv_list li {width:100%; margin-top:0.35rem;}
.adv_list .adv_img {position:relative; width:100%;}
.adv_list .adv_img i {display:block;}
.adv_list .adv_img p {height:0.9rem; width:100%; background:rgba(13,115,192,.8); position:absolute; left:0; bottom:0; padding-left:4%; line-height:0.88rem; color:#9dc1e2;}
.adv_list .adv_img p b {font-size:0.42rem; color:#fff; padding-right:0.14rem;}
.adv_list .adv_txt {background:#e5e5e5; padding:0.25rem 0.35rem;}
/*Why select us - end*/


/*Register - start*/
.Register {padding:0;}
.regWrap {width:100%; padding:0.4rem 0 0.5rem;}
.reg_title {text-align:center; margin-bottom:0.15rem;}
.reg_title h2 {font-size:0.5rem; line-height:0.7rem; color:#0d73c0; height:0.36rem; border-bottom:1px solid #0d73c0; margin-bottom:0.36rem;}
.reg_title h2 b {display:inline-block; background:#fff; padding:0 0.18rem;}
.reg_title p {padding:0 4%;}
.reg_item {overflow:hidden; margin:0 auto 3px; width:82%; border-bottom:1px solid #c1c1c1;}
.reg_item .reg_in {border:0; width:100%; padding:0 1.5%; background:none; height:0.65rem; font:0.24rem/0.65rem "Microsoft YaHei"; color:#000;}
.reg_item .test_in {float:left; width:67%;}
.reg_item a , .reg_item img {float:right; height:0.5rem;}
.reg_item a {width:24%; margin-top:0.06rem;}
.reg_btns {width:82%; margin:0.35rem auto 0; overflow:hidden;}
.reg_btns .reg_btn , .reg_btns .hot_tel {float:left; width:46%; background:#e51616; height:0.7rem; border:none; font-size:0.3rem; font-weight:bold; color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.reg_btns .hot_tel {width:49%; float:right; background:#0d73c0; text-align:center; line-height:0.68rem;}
.reg_btns .hot_tel i {display:inline-block; background:url(Img/Mobile/i_tel.png) left center no-repeat; height:80%; width:12.5%; background-size:100% auto; vertical-align:middle; margin-right:2px;}
/*Register - end*/
/*首页 - end*/


/*首页 - end*/
/*处理中动画占全屏*/
/*处理中动画占全屏*/
#oran_div_processing{width:300px;padding:20px;z-index:9999;text-align:center;background:#fffeef;border:solid 1px #b8ab04;}
/*表单提示*/
#form .ok{ background:url(Img/ico28.gif) no-repeat; width:18px;height:16px;display:block; float:right; margin-right:10px;}
#form .err{ background:url(Img/ico29.gif) no-repeat; width:18px;height:16px;display:block; float:right;margin-right:10px;}
/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}
#mesbook1ImgClose { width:44px; height:13px; padding-bottom:1px; float: right;}
#mesbook1Title { font-size:12px; padding-top:0px; float:left;}