﻿@charset "utf-8";

/* CSS Document */

/* 通用样式 */
* {padding:0px;margin:0px; word-break:break-all;word-wrap:break-word;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1;}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}
del{text-decoration:line-through}
li{list-style:none}
table{width:100%;line-height:1.5em;border-collapse:collapse;border-spacing:0}
.clearfix:after, .container:after{content:'\0020';display:block;height:0;clear:both;visibility:hidden;max-height:0;}
.clearfix, .container{display:inline-block;}
* html .clearfix, * html .container{height:1%;}
.clearfix, .container{display:block;}
.clearer{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}
html{color:#555;font-size:14px;font-family:arial,'Hiragino Sans GB','Microsoft Yahei',sans-serif;text-align:left;background-color:#fff;}
strong, th, thead td, h1, h2, h3, h4, h5, h6{font-weight:bold;}
h1{font-size:1.9em;}h2{font-size:1.7em;}h3{font-size:1.5em;}h4{font-size:1.3em;}h5{font-size:1.2em;}h6{font-size:1em;}
cite, em, dfn, i{ font-style:normal;}
code, kbd, samp, pre, tt, var, button, input, select, textarea{font-family:Helvetica, Arial,sans-serif;font-size:92%;}
a{color:#444;text-decoration:none;outline:none; background-color:transparent;}
a:active,a:hover{ outline:0;}
a,input,button,textarea,select{ -webkit-appearance:none; -webkit-tap-highlight-color:rgba(255,0,0,0);}
a:hover{color:#000;}
hr{background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:.5em 0;border:none;}
hr.space{background:#fff;color:#fff;}
table{border-top:1px solid #eee;border-left:1px solid #eee;}
th, td{padding:5px;border-bottom:1px solid #eee;border-right:1px solid #eee;vertical-align:top;}
th{font-weight:bold;text-align:center;background:#f8f8f8;}
textarea, input[type='text'], input[type='password'], select{padding:4px;background:#fff;border-width:1px;border-style:solid;border-color:#bbb #ddd #ddd #bbb;}
input[type='text'], input[type='password']{width:180px;}
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover{ border-color:#aaa;}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus{ border-color:#888;outline:none;}
input[type='text'],input[type='password']{cursor:text;}
label{cursor:pointer;}

/**回到顶部**/
#back-to-top{position:fixed;bottom:100px;right:60px; z-index:999;}
#back-to-top a{text-align:center;text-decoration:none;color:#d1d1d1;display:block;width:60px;}
#back-to-top a span{ background:#d1d1d1;border-radius:6px;display:block;height:60px;width:60px;background:#c82126 url(../../cn/images/arrow-up.png) no-repeat center center;margin-bottom:5px;-moz-transition:background 0.001s;-webkit-transition:background 0.001s;-o-transition:background 0.001s; border-radius:5px;}
#back-to-top a:hover span{background:#fc585d url(../../cn/images/arrow-up.png) no-repeat center center;}
		

/**头部**/
.header{ width:100%; float:left;}
.h_con{ max-width:1200px; margin:0 auto;}
.h_logo{ width:350px; height:55px; background-image:url(../../en/images/logo.png); background-size:contain; background-repeat:no-repeat; background-position:left; margin:40px 0 20px; float:left; display:block;}
.h_wlogo{ width:200px; height:40px; background-image:url(../../en/images/logo1.png); background-size:contain; background-repeat:no-repeat; background-position:left; margin:10px 0 20px; float:left; display:none;}
/***菜单***/
.header .h_menu{ float:right; position:absolute; top:60px; right:15%;}
.header .h_menu li{ font-size:16px; color:#999; float:left; height:35px; line-height:35px; padding:0 15px; box-sizing:border-box;  }
.header .h_menu li a{ color:#666; display:block;}
.header .h_menu li a:visited,.header .h_menu li a:active,.header .h_menu li a:link{ color:#666;}
.header .h_menu li:hover{ background-color:#c82126; color:#fff; border-radius:5px; font-size:16px;}
.header .h_menu li:hover a{ color:#fff;}
.h_line{ width:100%; height:27px; background-image:url(../../cn/images/line.jpg); background-size:contain; background-repeat:no-repeat; background-position:left; margin:10px 0 10px; float:left;}

/**尾部**/
.footer{ width:100%; height:auto; float:left; border-top:1px solid #000; background-image:url(../../cn/images/img10.png); background-size:contain; background-repeat:no-repeat; background-position:bottom center;}
.f_con{ max-width:1100px; margin:30px auto;}
.f_mode{ width:100%; float:left;}
.f_mode .f_left{ float:left; width:46%; margin-top:20px;}
.f_mode .f_left p{ width:100%; float:left; margin-top:5px; font-size:14px; color:#333; line-height:150%;}
.f_mode .f_left p span{ margin-right:10px; font-weight:600;}
.f_mode .f_right{ float:left; margin-left:8%; width:46%;}
.f_mode .f_right p{ float:left; margin-top:20px; font-size:18px; font-weight:600;}
.f_mode .f_right span{ float:left; font-size:18px; font-weight:600; margin-top:5px;}
.f_logo{ width:100%; height:110px; float:left; background-image:url(../../cn/images/img11.png); background-size:contain; background-repeat:no-repeat; background-position:center; margin:60px 0 40px 0;}
/***新增扫码***/
.f_scan{ width:100%; float:left; margin:20px 0px 0;}
.f_scan li{ width:150px; float:left; margin:0 10px;}
.f_scan li i{ width:100%; border:1px solid #dfdfdf; float:left; box-sizing:border-box;} 
.f_scan li i img{ width:100%;}
.f_scan li em{ width:100%; float:left; margin-top:10px; font-size:14px; color:#000; text-align:center;}


@media (min-width: 1024px) and (max-width:1199px ) {
/**头部**/
.header{ width:100%;}
.h_logo{ width:350px; height:55px; margin:40px 0 20px; display:block;}
.h_wlogo{ display:none;}
/***菜单***/
.header .h_menu{ top:60px; right:3%;}
.header .h_menu li{ font-size:16px; }
.header .h_menu li:hover{ font-size:16px;}
.h_line{ height:19px; margin:10px 0 10px;}
/**尾部**/
.footer{ height:auto; background-size:contain; }
.f_con{ max-width:1000px; margin:30px auto;}
.f_mode{ width:100%;}
.f_mode .f_left{ width:46%; margin-top:20px;}
.f_mode .f_left p{ margin-top:5px; font-size:14px;line-height:150%;}
.f_mode .f_left p span{ margin-right:10px; }
.f_mode .f_right{ margin-left:4%; width:46%;}
.f_mode .f_right p{ margin-top:20px; font-size:18px;}
.f_mode .f_right span{ font-size:18px; margin-top:5px;}
.f_logo{ height:90px; margin:70px 0 30px 0;}
/***新增扫码***/
.f_scan{ margin:20px 0px 0;}
.f_scan li{ width:150px; float:left; margin:0 10px;}
.f_scan li em{ margin-top:10px; font-size:14px; }

}


@media (min-width: 1200px) and (max-width:1439px ){
/**头部**/
.header{ width:100%;}
.h_logo{ width:350px; height:55px; margin:40px 0 20px; display:block;}
.h_wlogo{ display:none;}
/***菜单***/
.header .h_menu{ top:60px; right:10%;}
.header .h_menu li{ font-size:16px; }
.header .h_menu li:hover{ font-size:16px;}
.h_line{ height:19px; margin:10px 0 10px;}
/**尾部**/
.footer{ height:auto; background-size:contain; }
.f_con{ max-width:1100px; margin:30px auto;}
.f_mode{ width:100%;}
.f_mode .f_left{ width:46%; margin-top:20px;}
.f_mode .f_left p{ margin-top:5px; font-size:14px;line-height:150%;}
.f_mode .f_left p span{ margin-right:10px; }
.f_mode .f_right{ margin-left:8%; width:46%;}
.f_mode .f_right p{ margin-top:20px; font-size:18px;}
.f_mode .f_right span{ font-size:18px; margin-top:5px;}
.f_logo{ height:100px; margin:60px 0 40px 0;}
/***新增扫码***/
.f_scan{ margin:20px 0px 0;}
.f_scan li{ width:150px; float:left; margin:0 10px;}
.f_scan li em{ margin-top:10px; font-size:14px; }


}

@media (min-width: 1440px) and (max-width:1920px ){
/**头部**/
.header{ width:100%;}
.h_logo{ width:350px; height:55px; margin:40px 0 20px; display:block;}
.h_wlogo{ display:none;}
/***菜单***/
.header .h_menu{ top:60px; right:15%;}
.header .h_menu li{ font-size:16px; }
.header .h_menu li:hover{ font-size:16px;}
.h_line{ height:27px; margin:10px 0 10px;}


/**尾部**/
.footer{ height:auto; background-size:contain; }
.f_con{ max-width:1150px; margin:30px auto;}
.f_mode{ width:100%;}
.f_mode .f_left{ width:46%; margin-top:20px;}
.f_mode .f_left p{ margin-top:5px; font-size:14px;line-height:150%;}
.f_mode .f_left p span{ margin-right:10px; }
.f_mode .f_right{ margin-left:8%; width:46%;}
.f_mode .f_right p{ margin-top:20px; font-size:18px;}
.f_mode .f_right span{ font-size:18px; margin-top:5px;}
.f_logo{ height:110px; margin:60px 0 40px 0;}
/***新增扫码***/
.f_scan{ margin:20px 0px 0;}
.f_scan li{ width:150px; float:left; margin:0 10px;}
.f_scan li em{ margin-top:10px; font-size:14px; }

}


/*淘宝风格*/
.paginator { font:12px Arial, Helvetica, sans-serif;padding:10px 20px 10px 0; margin:0px auto;}
.paginator a {border:solid 1px #ccc;color:#b8b8b8;cursor:pointer;text-decoration:none;}
.paginator a:visited {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;}
.paginator .cpb {border:1px solid #b2b2b2;font-weight:700;color:#ffffff;background-color:#c5c5c5;}
.paginator a:hover {border:solid 1px #F50;color:#f60;text-decoration:none;}
.paginator a,.paginator a:visited,.paginator .cpb,.paginator a:hover{float:left;height:20px;line-height:20px;min-width:18px;_width:18px;margin-right:5px;text-align:center;white-space:nowrap;font-size:12px;font-family:Arial,SimSun;padding:0 3px;}

