@charset "UTF-8";

@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local("Roboto Light"),local("Roboto-Light"),url("../fonts/roboto-v15-latin-300.woff2") format("woff2"),url("../fonts/roboto-v15-latin-300.woff") format("woff"); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local("Roboto"),local("Roboto-Regular"),url("../fonts/roboto-v15-latin-regular.woff2") format("woff2"),url("../fonts/roboto-v15-latin-regular.woff") format("woff"); }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local("Roboto Italic"),local("Roboto-Italic"),url("../fonts/roboto-v15-latin-italic.woff2") format("woff2"),url("../fonts/roboto-v15-latin-italic.woff") format("woff"); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local("Roboto Medium"),local("Roboto-Medium"),url("../fonts/roboto-v15-latin-500.woff2") format("woff2"),url("../fonts/roboto-v15-latin-500.woff") format("woff"); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local("Roboto Bold"),local("Roboto-Bold"),url("../fonts/roboto-v15-latin-700.woff2") format("woff2"),url("../fonts/roboto-v15-latin-700.woff") format("woff"); }

@font-face{font-family:arenacondensed-bold;src:url(../fonts/arenacondensed-bold.eot);src:url(../fonts/arenacondensed-bold.eot?#iefix) format('embedded-opentype'),url(../fonts/arenacondensed-bold.woff2) format('woff2'),url(../fonts/arenacondensed-bold.woff) format('woff'),url(../fonts/arenacondensed-bold.ttf) format('truetype'),url(../fonts/arenacondensed-bold.svg#allerbold) format('svg');font-weight:400;font-style:normal}

html, body, figure, dl, dd, img, form, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, button, input, textarea, a, span, em {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}

body{
	padding:0;
	margin:0;
	color:#0f0f0f;
	overflow-x: hidden;
	font-family: 'Roboto', Arial;
}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}

img { vertical-align: middle; max-width: 100%; height: auto; }
.img-responsive { max-width: 100%; height: auto; }
.img-rounded { border-radius: 6px; }
.img-thumbnail { padding: 4px; line-height: 1.71429; background-color: #fff; border: 1px solid #ddd; border-radius: 0; transition: all 0.2s ease-in-out; max-width: 100%; height: auto; }
.img-circle { border-radius: 50%; }
ul, ol, li {list-style-type: none;}

a {
	color: #333;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

::-moz-selection {
  background: #0c59db;
  color: #fff;
  text-shadow: none;
}

::-webkit-scrollbar {
  background-color: #ccc;
  width: 6px;
}

::-webkit-scrollbar-thumb {
  background-color: #0c59db;
}

::selection {
  background: #0c59db;
  color: #fff;
  text-shadow: none;
}


/*---home product---*/




.in_pro_title{text-align:center;font-size:36px;color:#222;padding:50px 0 20px 0;}
.in_pro_title b{color:#024196;font-weight:normal}
.in_pro_title p{font-size:13px;color:#777;padding:0 0 0 0;}



.pro_title{width:auto;height:auto;overflow:hidden;padding:40px 0 0px 0;}
.pro_title h1{font-size:36px;color: #222;margin:0 0 0 0;background:url(../images/hon3.png) no-repeat center bottom;padding-top:10px;padding-bottom:18px;text-align:center; letter-spacing:1px;}

.incp_nav{width:auto;margin:30px auto 0 auto;height:auto;overflow:hidden;text-align:center;}
.incp_nav li{ display:inline-block;width:auto;height:auto;overflow:hidden;margin:0 1px 0 0;background:#265eb5;}
.incp_nav li a{line-height:45px;font-size:16px;padding:0 15px;display:block;color:#fff;}
.incp_nav li:hover a{background:#ff9a02;color:#fff;}
.incp_nav li.cur a{background:#ff9a02;color:#fff;}


.inpro_box{width:auto;height:auto;overflow:hidden;padding:0 100px;margin-top:80px;}
.inpro_box .inplt{float:left;width:20%;height:auto;overflow:hidden;background:#0f51bf;height:580px;}
.inpro_box .inprt{float:right;width:80%;height:auto;overflow:hidden;}

.inprt_list{width:auto;height:auto;overflow:hidden;padding-left:10px;}
.inprt_list ul{width:auto;height:auto;overflow:hidden;margin-bottom:-20px;}
.inprt_list dd{float:left;width:49%;margin:0 10px 20px 10px;background:linear-gradient(#7c8195,#4b4744);overflow:hidden;height:280px;}
.inprt_list dd .ltpic{float:left;width:260px;height:260px;background:#fff;margin:10px 0 0 10px;}
.inprt_list dd .rtcon{float:right;width:calc(100% - 300px);height:auto;overflow:hidden;}
.inprt_list dd .title{font-size:24px;color:#fff;padding-top:80px;}
.inprt_list dd .more{width:56px;line-height:22px;border:1px solid rgba(255,255,255,0.5);text-align:center;font-size:12px;color:#fff;margin-top:60px; border-radius:12px;}
.inprt_list dd:nth-child(2n){margin-right:-10px;}
.inprt_list dd a:hover .more{background:#fff;color:#555;}
.inprt_list dd:hover{background:#c7000c;}

.inplt_title{padding:100px 0 0 40px;font-size:34px;color:#fff;line-height:170%;background:url(../img/hon3.png) no-repeat 40px 80px;margin-top:40px;}
.inplt_title b{font-size:50px;font-weight:600;}
.inplt_conn{padding:40px 40px 0 40px;font-size:20px;color:#fff;}




/*---home product end---*/

/*---home about---*/


 

.inabo_title{text-align:center;font-size:48px;color:#222;padding:80px 0 50px 0;font-weight:600;font-family:arenacondensed-bold;}
.inabo{width:auto;height:auto;overflow:hidden;padding:50px 110px;font-size:14px;color:#727171;line-height:190%;text-align:center;font-weight:normal}

.tedbox{width:auto;height:auto;overflow:hidden;background:#f6f8f9;margin:80px 0; padding:80px 100px;}
.tedbox .honor{float:right;width:47%;height:auto;overflow:hidden;padding:15px 100px 0 100px;}
.tedbox .honor li{float:left;width:25%;height:auto;overflow:hidden;text-align:center;}
.tedbox .honor img{width:68%;height:auto;}
.honor_title{text-align:center;font-size:30px;color:#333;padding:50px 0;font-weight:600;}
 
 
.ted_title{font-size:48px;color:#222;text-align:center;padding:0px 0 50px 0;font-weight:600;font-family:arenacondensed-bold;}
.ted_title p{font-weight:normal;font-size:14px;color:#777;padding-top:10px;line-height:160%;font-family: 'Roboto', Arial;}
 

/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.5.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}
.fa-angle-up:before{content:"\f106"}

 @media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}@font-face{font-family:'Microsoft YaHei';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}
 *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

 .toggle-item > h3 > span, 
 .messagebox > i::before {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.toggle{float: left;margin-top: -5px;width: 50%;}
.toggle-item {float: left;margin-top: 5px;overflow: hidden;position: relative;width: 100%;}
.toggle-item > h3 {background: #1153c0;color: #555;cursor: pointer;float: left;font-size: 18px;font-weight: 700;padding: 20px 25px 15px 25px;position: relative;width: 100%;font-family: Arial;color:#fff;}
.toggle-item > h3 > i { float: left;font-size: 14px;margin-right: 10px;margin-top: 2px;  }
.toggle-item > h3 > span {background: #fff none repeat scroll 0 0;color: #444;float: right;font-size: 18px;height: 21px;line-height: 21px;position: absolute;right: 25px;text-align: center;top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
width: 21px;}
.toggle-item > h3.active > span {background:#fff}
.toggle-item > h3.active > span > i {position: relative;top: 60%;
    -webkit-transform: rotate(180deg) translateY(60%);
    -moz-transform: rotate(180deg) translateY(60%);
    -ms-transform: rotate(180deg) translateY(60%);
    -o-transform: rotate(180deg) translateY(60%);
    transform: rotate(180deg) translateY(60%);}
.toggle-item > h3.active {background: transparent none repeat scroll 0 0;}
.toggle-item .content {float: left;display: none;padding: 0 60px 30px 35px;width: 100%;}
.simple-text > p {color: #fff;font-size: 13px;line-height: 21px;}
.toggle-item.activate {background:#c7000c;} /*background:linear-gradient(red , #1153c0);*/
.toggle-item.activate > h3 {font-size:16px}
 
 
 
 
 
 
 
 



 


.foot{ width:100%;background:#303030; padding:80px 100px 60px 100px;height:auto;overflow:hidden;}
.ft_logo{float:right;overflow:hidden;padding-top:0px;width:auto;}
.ft_logo li{float:left;width:50%;height:auto;overflow:hidden;}
.ft_logo_title{font-size:14px;color:#ced2d7;padding-bottom:15px;}

.ft_tel{float:left;width:300px;height:auto;overflow:hidden;margin-left:200px;padding-top:30px;}
.ft_tel p{font-size:14px;color:#ced2d7;}
.ft_tel h2{font-size:30px;color:#fff;font-weight:600;}
.ft_tel i{float:left;width:61px;height:48px;background:url(../img/tel.png) no-repeat;margin:3px 12px 0 0;}

.ft_title{width:auto;height:auto;overflow:hidden;padding:0 0 30px 0;}
.ft_title h1{font-size: 20px;color: #f0f0f0;margin:0 0 0 0;background:url(../img/hon2.png) no-repeat left bottom;padding:10px 0 10px 0;font-weight:normal;}


.ft_prod{float:left;width:400px;height:auto;overflow:hidden;margin-right:30px;}
.ft_prod li{float:left;width:200px;font-size:14px;color:#ced2d7;line-height:30px;}
.ft_prod li a{display:block;color:#ced2d7;}


.ft_lxfs{float:left;width:400px;height:auto;font-size:14px;color:#fff;margin-right:250px;}
.ft_lxfs b{border-bottom:2px solid #feb20e; font-weight:normal;padding-bottom:8px;}
.ft_lxfs p{font-size:13px;line-height:180%;color:#ccc;padding-top:0;}
.ft_lxfs a{color:#ccc;}

.ft_ewm{float:right;width:500px;height:auto;overflow:hidden;}
.ft_ewm .ewm{float:left;width:240px;height:auto;overflow:hidden;}
.ft_ewm .ewm li{float:left;width:120px;height:auto;overflow:hidden;text-align:center;}
.ft_ewm .ewm li img{width:110px;height:auto;}
.ft_ewm .ewm li p{font-size:12px;color:#ced2d7;padding-top:8px;}
.ft_ewm .zhu{float:right;width:auto;padding-top:0px;}




.social_fot{float:right;padding:15px 0 0 30px;}
.social_fot .fb a:before { content: "\f09a"; font-family: FontAwesome; }
.social_fot .fb a { background: #fff; font-size: 18px; border-radius: 3px; line-height: 35px; display: inline-block; width: 35px; height: 35px; color: #888; text-align: center; padding: 0; border:1px solid #ddd;margin-bottom:10px;}
.social_fot .fb a:hover { background: #3C5B9B; color:#fff;}
.social_fot .tw a:before { content: "\f099"; font-family: FontAwesome; }
.social_fot .tw a { background: #fff; font-size: 18px; border-radius: 3px; line-height: 35px; display: inline-block; width: 35px; height: 35px; color: #888; text-align: center; padding: 0;border:1px solid #ddd; margin-bottom:10px;}
.social_fot .tw a:hover { background: #359BED;color:#fff;}
.social_fot .googleplus a:before { content: "\f0d5"; font-family: FontAwesome; }
.social_fot .googleplus a { background: #fff; font-size: 18px; border-radius: 3px; line-height: 35px; display: inline-block; width: 35px; height: 35px; color: #888; text-align: center; padding: 0; border:1px solid #ddd;}
.social_fot .googleplus a:hover { background: #E33729;color:#fff;}
.social_fot .rss a:before { content: "\f09e"; font-family: FontAwesome; }
.social_fot .rss a { content: "\f09e"; font-family: FontAwesome; background: #fff; font-size: 18px; border-radius: 3px; line-height: 35px; display: inline-block; width: 35px; height: 35px; color: #888; text-align: center; padding: 0;border:1px solid #ddd; }
.social_fot .rss a:hover { background: #FD9F13; }
.social_fot .pintrest a:before { content: "\f0d3"; font-family: FontAwesome; }
.social_fot .pintrest a { content: "\f0d3"; font-family: FontAwesome; background: #fff; font-size: 18px; border-radius: 3px; line-height: 35px; display: inline-block; width: 35px; height: 35px; color: #888; text-align: center; padding: 0; border:1px solid #ddd;}
.social_fot .pintrest a:hover { background: #cb2027; color:#fff;}
.social_fot .linkedin a:before { content: "\f0e1"; font-family: FontAwesome; }
.social_fot .linkedin a { content: "\f0e1"; font-family: FontAwesome; background: #fff; font-size: 18px; border-radius: 3px; line-height: 35px; display: inline-block; width: 35px; height: 35px; color: #888; text-align: center; padding: 0;border:1px solid #ddd; }
.social_fot .linkedin a:hover { background: #027ba5; color:#fff;}
.social_fot .youtube a:before { content: "\f167"; font-family: FontAwesome; }
.social_fot .youtube a { background: #fff; font-size: 18px; border-radius: 3px; line-height: 35px; display: inline-block; width: 35px; height: 35px; color: #888; text-align: center; padding: 0;border:1px solid #ddd;  }
.social_fot .youtube a:hover { background: #F03434;color:#fff; }
.social_fot { float: left; margin-top: 4px; }
.social_fot ul { float: left; margin: 0px; list-style: none; padding: 0px; }
.social_fot ul li { margin: 0px 5px 0px 0px; display: inline-block; }
.social_fot a { transition: background 400ms ease-in-out; }






.yq_link{width:100%;font-size:12px;color:#ced2d7; margin:0 auto;line-height:170%;height:auto;overflow:hidden;padding-top:40px;}
.yq_link a{color:#ced2d7;padding-right:5px;}
.yq_link a:hover{color:#ced2d7;}

 @media (max-width:1400px){
.foot{padding:80px 50px 60px 50px;}
.ft_lxfs{margin-right:50px;}
.ft_logo{width:500px;}
.ft_tel{margin-left:100px;}
}

@media (max-width: 768px) {
.foot{padding:30px 0;margin-top:20px;}
.ft_logo{display:none}
.ft_lxfs{display:none}
.yq_link{display:none;}
.ft_tel{padding-top:0;margin-left:30px;padding-bottom:15px;}
.ft_ewm{float:left;width:auto;height:auto;overflow:hidden;padding:0 20px;margin:0 auto;}
.ft_ewm li{width:calc(50% - 20px);margin:0 10px 0 10px;text-align:center;}
.ft_ewm li img{width:120px;height:auto;}
.ft_ewm li p{padding:6px 0;}
.ft_prod{margin:0 0 15px 20px;}
}

.copy{width:100%;text-align:center;color:#ced2d7;font-size:12px; padding:25px 0 25px 0;line-height:170%;background:#303030;border-top:1px solid #3e3e3e;}
.copy a{color:#ced2d7;}
.copy a:hover{color:#ced2d7;}

@media (max-width: 768px) {
.copy{width:auto;line-height:140%;padding:12px 20px 40px 20px;font-size:13px;margin-bottom:40px;margin-top:0; clear:both;}
}

/*-------------------------------------------------------------------------------------------内页--------------------------------------------------------------------------*/

/*-----neibannner-----*/
.ab_ban{ width: 100%; position: relative; z-index: 1;}
.ab_ban img{ display: block;}
.ab_ban .tit{ position: absolute; left: 0; top:45%; width: 100%; text-align: center;}
.ab_ban .tit p{ font-size: 48px; line-height: 1; font-weight: bold; color: #FFF; text-transform: uppercase;}
.ab_ban .tit span{ display: block; margin: 30px auto 0 auto; width: 71px; height: 4px; background-color: #D90000;}
.mouse_box { position: absolute; bottom: 100px; left: 50%; margin-left: -12px; z-index: 102; }
.mouse_box div { -webkit-animation: nudgeMouse 1.6s linear infinite; animation: nudgeMouse 1.6s linear infinite; }
.mouse_box span { display: block; margin: 12px auto 0 auto; width: 23px; height: 40px; background: url(../img/about_03.png) 0px 0px no-repeat; background-size: 100% auto; position: relative; cursor: pointer; }
.mouse_box span:before, .mouse_box span:after { content: ""; position: absolute; }
.mouse_box span:after { top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: #FFF; width: 4px; height: 4px; border-radius: 100%; -webkit-animation: trackBallSlide 1.6s linear infinite; animation: trackBallSlide 1.6s linear infinite; }
@-webkit-keyframes nudgeMouse {
    0% { -webkit-transform: translateY(0); transform: translateY(0); }
    50% { -webkit-transform: translateY(8px); transform: translateY(8px); }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes nudgeMouse {
    0% { -webkit-transform: translateY(0); transform: translateY(0); }
    50% { -webkit-transform: translateY(8px); transform: translateY(8px); }
    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}
@-webkit-keyframes trackBallSlide {
    0% { opacity: 1; -webkit-transform: scale(1) translateY(-8px); transform: scale(1) translateY(-8px); }
    34% { opacity: 1; -webkit-transform: scale(0.9) translateY(4px); transform: scale(0.9) translateY(4px); }
    68% { opacity: 0; -webkit-transform: scale(0.4) translateY(16px); transform: scale(0.4) translateY(16px); }
    100% { opacity: 0; -webkit-transform: scale(0.4) translateY(-8px); transform: scale(0.4) translateY(-8px); }
}
@keyframes trackBallSlide {
    0% { opacity: 1; -webkit-transform: scale(1) translateY(-8px); transform: scale(1) translateY(-8px); }
    34% { opacity: 1; -webkit-transform: scale(0.9) translateY(4px); transform: scale(0.9) translateY(4px); }
    68% { opacity: 0; -webkit-transform: scale(0.4) translateY(16px); transform: scale(0.4) translateY(16px); }
    100% { opacity: 0; -webkit-transform: scale(0.4) translateY(-8px); transform: scale(0.4) translateY(-8px); }
}
/*-----neibannner-----*/


.nban_title{width:420px;height:auto;overflow:hidden;padding:40px 0 30px 0;text-align:center;background-color: rgba(0,101,209,0.8);margin:100px auto 0 auto;}
.nban_title h1{font-size:32px;color: #fff;margin:0 0 0 0;background:url(../images/hon4.png) no-repeat center top;padding-top:20px;padding-bottom:15px;text-align:center; letter-spacing:1px;}
.nban_title span{font-size:16px;color:#fff; letter-spacing:1px;color:rgba(255,255,255,0.8)}


.nav_menu{width:1600px;margin:40px auto 0 auto;height:auto;overflow:hidden;}
.nav_menu li{float:left; width:auto;height:auto;overflow:hidden;margin:0 4px 0 0;background:#f8f7f7;}
.nav_menu li a{line-height:50px;font-size:16px;padding:0 25px;display:block;color:#555;}
.nav_menu li:hover a{background:#1546a4;color:#fff;}
.nav_menu li.cur a{background:#1546a4;color:#fff;}



.nav_box{width:auto;background:#f8f7f7;height:auto;padding:17px 50px;overflow:hidden; position: relative; z-index:10;}
.nav_box  i{float:left;width:5px;height:24px;background:#d20910;margin:3px 15px 0 15px;}
.nav_box span{float:left;font-size:14px;color:#777;padding-right:15px;padding-top:5px;}
.nav_box li{float:left;height:auto;overflow:hidden;}
.nav_box li a{margin:0 20px 0 0;font-size:15px;color:#666;line-height:36px;}
.nav_box li .cur{font-weight:500;background:#c7000c;color:#fff;padding:20px 10px; }

.about{width:auto;height:auto;overflow:hidden;padding:120px 50px 0 50px;position: relative; z-index:10;}

.abo_con{float:left;width:50%;font-size:14px;color:#fff;line-height:170%;height:auto;overflow:hidden;border-right:175px solid rgba(255,255,255,0);}
.abo_pic{float:right;width:50%;height:auto;overflow:hidden;border:1px solid #fff;padding:4px 4px 4px 4px;}
.abo_since{width:260px;height:auto;background:#c7000c;position:absolute;left:43%;bottom:38%;color:#fff;font-size:30px;padding:30px 30px;border:5px solid #fff; z-index:2;font-family:arenacondensed-bold;}
.abo_since p{font-size:14px;padding-top:5px;font-family: 'Roboto', Arial;}

.abo_title{font-size:48px;font-weight:600;padding-bottom:40px;color:#fff;padding-top:120px;}
.abo_title p{font-size:24px;font-weight:normal;padding-top:20px;color:#fff;}


.iabo_cf {width: 100%;  height: 830px; background-image:url(../img/about.jpg); background-repeat: no-repeat; background-position:top;background-attachment: fixed; overflow:hidden;margin:0px 0 1px 0;}


.qywh{width:auto;padding:100px 50px;height:auto;overflow:hidden;}
.qywh b{font-size:24px;color:#333;}
.qywh li{float:left;width:25%;height:auto;overflow:hidden;border-right:1px solid #e9e9e9;text-align:center;padding:40px 60px;font-size:28px;color:#333;}
.qywh li p{font-size:14px;font-size:14px;color:#777;line-height:150%;padding-top:10px;}
.qywh li:nth-child(4n){border-right:none;}

.qywh_title{text-align:center;font-size:48px;color:#333;font-weight:600;padding-bottom:50px;font-family:arenacondensed-bold;}


.qyhj{width:auto;height:auto;overflow:hidden;padding:30px 0 0 0;}
.qyhj ul{height:auto;overflow:hidden;margin-bottom:-30px;}
.qyhj li{float:left;width:calc(25% - 30px);height:auto;overflow:hidden;margin:0 15px 30px 15px;}
.qyhj li .pic{width:100%;height:auto;overflow:hidden;}
.qyhj li .pic img{width:100%;height:240px;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.qyhj li:hover .pic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}


.honor_box{width:100%;height:550px;background:url(../img/zte_box2.jpg) center no-repeat;}
.hon_title{text-align:center;font-size:48px;color:#fff;padding:110px 0 0 0;font-weight:600;font-family:arenacondensed-bold;}
.hon_title p{font-size:13px;color:#fff;line-height:180%;padding-top:20px;font-weight:normal;font-family: 'Roboto', Arial;}
.hon_nav{width:40%;height:auto;overflow:hidden;padding:50px 0 50px 0;margin:0 auto;}
.hon_nav li{float:left;width:25%;text-align:center;}
.hon_nav li img{width:50%;height:auto;}


.hon_more a {
	display: block;text-align:center;
	width: 150px;
	height: 40px;
	border-radius: 20px;
	overflow: hidden;
	font-size: 16px;
	line-height: 40px;
	background-color: #d8262c;
	color: #FFFFFF;
	margin: 0 auto;
	position: relative;
	transition: all 0.5s;
}
.hon_more a:before {
	content: '';
	display: block;
	width: 0px;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 0;
	transition: all 0.5s;
}
.hon_more a span {position: relative;z-index: 2;}
.hon_more a:hover {color: #d8262c;}
.hon_more a:hover:before {background-color: #FFFFFF;left: 0;width: 100%;}

.network{width:auto;height:495px;background:url(../img/map.jpg) center no-repeat;}
.work_title{text-align:center;font-size:48px;color:#333;padding:60px 0 0 0;font-weight:600;font-family:arenacondensed-bold;}
.work_title p{font-size:13px;color:#777;font-weight:normal;line-height:180%;padding:15px;font-family: 'Roboto', Arial;}



/*----quality----*/

.quality_box{width:auto;height:auto;overflow:hidden;padding-top:350px;}

.quality{width:100%;height:auto;overflow:hidden;padding-top:1px;}
.qua_pic_lt{float:left;width:50%;height:auto;overflow:hidden;padding-left:6%;}
.qua_pic_lt img{width:100%;height:auto;}
.qua_con_rt{float:right;width:50%;height:561px;background:#004fba;border-left:1px solid #fff;padding:150px 100px 0 80px;color:#fff;font-family:arenacondensed-bold;font-size:48px;}
.qua_con_rt p{font-size:14px;color:#fff;line-height:170%;padding-top:20px;font-family: 'Roboto', Arial;}

.qua_pic_rt{float:right;width:50%;height:auto;overflow:hidden;padding-right:6%;}
.qua_pic_rt img{width:100%;height:auto;}
.qua_con_lt{float:left;width:50%;height:561px;background:#c7000c;border-right:1px solid #fff;padding:150px 80px 0 100px;color:#fff;font-family:arenacondensed-bold;font-size:48px;text-align:right;}
.qua_con_lt p{font-size:14px;color:#fff;line-height:170%;padding-top:20px;font-family: 'Roboto', Arial;}


.qua_cjxc{width:auto;height:auto;overflow:hidden;background:#f5f5f5;padding:80px 50px;margin:50px auto 0 auto;}
.qua_cjxc ul{height:auto;overflow:hidden;}
.qua_cjxc li{float:left;width:calc(20% - 20px);margin:0 10px;height:auto;overflow:hidden;}
.qua_cjxc li .xc_pic{width:100%;height:auto;overflow:hidden;}
.qua_cjxc li .xc_pic img{width:100%;height:220px;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.qua_cjxc li:hover .xc_pic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}

.qua_cjxc_title{text-align:center;font-size:48px;color:#333;font-family:arenacondensed-bold;padding-bottom:40px;}
.qua_cjxc_title p{font-size:14px;color:#666;font-family: 'Roboto', Arial;padding-top:8px;}


.cjxc_more a {display: block;text-align:center;width: 150px;height: 40px;border-radius: 20px;overflow: hidden;font-size: 15px;line-height: 40px;background-color: #fff;color: #333;margin: 40px auto 0 auto;position: relative;transition: all 0.5s;}
.cjxc_more a:before {
	content: '';display: block;width: 0px;height: 100%;position: absolute;left: 50%;top: 0;transition: all 0.5s;}
.cjxc_more a span {position: relative;z-index: 2;}
.cjxc_more a:hover {color: #fff;}
.cjxc_more a:hover:before {background-color: #d8262c;left: 0;width: 100%;}

/*----quality end----*/





/*-----------product-----------*/




/*-----------------product list------------*/

.ProList{ width:auto; height:auto;margin-top:0px;overflow:hidden;padding:10px 0px;}
.ProList ul{height:auto;overflow:hidden;margin-bottom:-30px;padding-top:10px}
.ProList li{ width:calc(20% - 30px); float:left;  margin:0px 15px 30px 15px; overflow:hidden;height:auto; transition:0.3s all ease-out;border:1px solid #ccc;}
.ProList li .pro_pic{width:100%; height:auto; overflow:hidden;}
.ProList li .pro_pic img{width:100%;height:auto;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.ProList li .title{text-align:center;padding:5px 10px 12px 12px;font-size:16px;color:#666;line-height:150%;height:64px;overflow:hidden;}
.ProList li a:hover .pro_txt{color:#d00906;}
.ProList li:hover .pro_pic img{ -webkit-transform:scale(1,1); -moz-transform:scale(1,1);transform:scale(1,1);}
.ProList li:hover { transform:translateY(-10px);}

/*----------------products list--------------*/

/*---------------products category----------------*/

.prod_category{width:auto;height:auto;overflow:hidden;}
.prod_category li{float:left;width:calc(20% - 30px);margin:0 15px;height:auto;overflow:hidden;border:1px solid #e5e5e5;}
.prod_category li .pic{width:100%;height:auto;overflow:hidden;}
.prod_category li .pic img{width:100%;height:auto;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.prod_category li .title{text-align:center;padding:5px 10px 0 10px;height:auto;overflow:hidden;font-size:16px;color:#666;line-height:150%;height:64px;}
.prod_category li:hover .pic img{ -webkit-transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05);transform:scale(1.05,1.05);}
.prod_category li:hover .title{color:#c7000c;}
.prod_category li:hover{border:1px solid #c7000c;}

.prod_cate_title{font-size:30px;color:#333;font-family:arenacondensed-bold;padding:0 0 15px 0;margin:40px 0 30px 0;border-bottom:1px solid #e5e5e5;}
.prod_cate_title span{float:right;font-size:14px;color:#666;border:1px solid #ccc; border-radius:20px;padding:5px 20px;font-family: 'Roboto', Arial;margin-top:7px;}
.prod_cate_title i{float:left;width:5px;height:24px;background:#c7000c;margin:7px 12px 0 0;} 
.prod_cate_title a:hover span{background:#c7000c;color:#fff;}
.prod:cate_title a{display:block;}

/*----------------products category---------------*/


/*-----------------products detail-----------*/
.cp_det_nav{width:auto;background:#696969;height:auto;padding:17px 50px;overflow:hidden; position: relative; z-index:10;}
.cp_det_nav li{float:left;height:auto;overflow:hidden;}
.cp_det_nav li a{margin:0 20px 0 0;font-size:15px;color:#fff;line-height:36px;display:block;}
.cp_det_nav li .cur{font-weight:500;background:#c7000c;color:#fff;padding:0 10px; }

/*---01 product pic---*/
.cp_detail{width:auto;height:auto;overflow:hidden;margin:3px 0;}
.cp_detlt{float:left;width:62%;height:auto;overflow:hidden;background:#f4f4f4;padding:80px 0;}
.cp_detrt{float:right;width:38%;height:auto;overflow:hidden;background:#fafafa;height:698px;padding:0 60px;}

.swiper_box{text-align:center}
.swiper_box .pro_swiper{width:70%;height:auto;text-align:center;overflow:hidden;}
 .swiper_box .pro_swiper .swiper-slide{display: flex;align-items: center;}
.swiper_box .pro_swiper .box{height:auto;width: 538px;margin:0 auto;overflow:hidden;}
.swiper_box .pro_swiper .box img{height:auto;width:100%;margin: 0px auto;display: block;}
.swiper_box .pro_swiper .swiper-pagination{bottom: 30px;}
.swiper_box .pro_swiper .swiper-pagination span{width: 10px;height: 10px;background: #b8b8b8;border-radius: 50%;margin: 0px 5px; opacity: 1;}
 .swiper_box .pro_swiper .swiper-pagination span.swiper-pagination-bullet-active{background: #3687f0;}
.swiper_box .pro_swiper .swiper-button-prev{opacity: 1; width: 23px;height: 50px;background: url(../img/icon_ny_pro_arr.png) center center no-repeat;background-size: 100% 100%;}
.swiper_box .pro_swiper .swiper-button-next{opacity: 1;transform: rotateY(180deg); width: 23px;height: 50px;background: url(../img/icon_ny_pro_arr.png) center center no-repeat;background-size: 100% 100%;}
.swiper_box .pro_swiper .swiper-button-prev:hover{background: url(../img/icon_ny_pro_arr_on.png) center center no-repeat;background-size: 100% 100%;}
.swiper_box .pro_swiper .swiper-button-next:hover{background: url(../img/icon_ny_pro_arr_on.png) center center no-repeat;background-size: 100% 100%;}


.cp_detrt_title{font-size:30px;color:#333;padding:80px 0 0 0;}
.cp_detrt_conn{padding:50px 0 30px 0;font-size:15px;line-height:160%;color:#888;}
.cp_detrt_tel{background:#c7000c;text-align:center;line-height:50px;font-size:24px;color:#fff;}
.cp_detrt_nav{width:auto;height:auto;overflow:hidden;margin-top:30px;}
.cp_detrt_nav li{float:left;width:calc(33.33% - 10px);margin:0 10px 0 0;line-height:42px;overflow:hidden;background:#efefef; border-radius:8px;text-align:center;font-size:14px;color:#666;}
.cp_detrt_nav li:nth-child(3n){margin-right:0px;}
.cp_detrt_nav li a{display:block;}
.cp_detrt_nav li a:hover{background:#c7000c;color:#fff;}


.social{padding-top:50px;}
.social .fb a:before { content: "\f09a"; font-family: FontAwesome; }
.social .fb a { background: #fff; font-size: 18px; border-radius: 3px; line-height: 35px; display: inline-block; width: 35px; height: 35px; color: #888; text-align: center; padding: 0; border:1px solid #ddd;}
.social .fb a:hover { background: #3C5B9B; color:#fff;}
.social .tw a:before { content: "\f099"; font-family: FontAwesome; }
.social .tw a { background: #fff; font-size: 18px; border-radius: 3px; line-height: 35px; display: inline-block; width: 35px; height: 35px; color: #888; text-align: center; padding: 0;border:1px solid #ddd; }
.social .tw a:hover { background: #359BED;color:#fff;}
.social .googleplus a:before { content: "\f0d5"; font-family: FontAwesome; }
.social .googleplus a { background: #fff; font-size: 18px; border-radius: 3px; line-height: 35px; display: inline-block; width: 35px; height: 35px; color: #888; text-align: center; padding: 0; border:1px solid #ddd;}
 .social .googleplus a:hover { background: #E33729;color:#fff;}
.social .rss a:before { content: "\f09e"; font-family: FontAwesome; }
.social .rss a { content: "\f09e"; font-family: FontAwesome; background: #fff; font-size: 18px; border-radius: 3px; line-height: 35px; display: inline-block; width: 35px; height: 35px; color: #888; text-align: center; padding: 0;border:1px solid #ddd; }
.social .rss a:hover { background: #FD9F13; }
.social .pintrest a:before { content: "\f0d3"; font-family: FontAwesome; }
.social .pintrest a { content: "\f0d3"; font-family: FontAwesome; background: #fff; font-size: 18px; border-radius: 3px; line-height: 35px; display: inline-block; width: 35px; height: 35px; color: #888; text-align: center; padding: 0; border:1px solid #ddd;}
.social .pintrest a:hover { background: #cb2027; color:#fff;}
.social .linkedin a:before { content: "\f0e1"; font-family: FontAwesome; }
.social .linkedin a { content: "\f0e1"; font-family: FontAwesome; background: #fff; font-size: 18px; border-radius: 3px; line-height: 35px; display: inline-block; width: 35px; height: 35px; color: #888; text-align: center; padding: 0;border:1px solid #ddd; }
.social .linkedin a:hover { background: #027ba5; color:#fff;}
.social .youtube a:before { content: "\f167"; font-family: FontAwesome; }
.social .youtube a { background: #fff; font-size: 18px; border-radius: 3px; line-height: 35px; display: inline-block; width: 35px; height: 35px; color: #888; text-align: center; padding: 0;border:1px solid #ddd;  }
.social .youtube a:hover { background: #F03434;color:#fff; }
.social { float: left; margin-top: 4px; }
.social ul { float: left; margin: 0px; list-style: none; padding: 0px; }
.social ul li { margin: 0px 5px 0px 0px; display: inline-block; }
.social a { transition: background 400ms ease-in-out; }
/*--01 product pic---*/

/*---02 product contact---*/


.pro_detial{width: 1500px;margin: 0px auto;margin-top: 50px;min-height: 350px;margin-bottom: 40px;}
.pro_detial .ctg_items{background: #efefef;width:100%;height:auto;overflow:hidden;margin-bottom:40px;}
.pro_detial .ctg_items .item{cursor:pointer;transition: all 220ms linear; background: #efefef; width: 15%;float: left;height: 60px;line-height: 60px;text-align: center;font-size: 17px;color: #444;}
.pro_detial .ctg_items .item.on,.ny_product_show .pro_detial .ctg_items .item:hover{background: #c7000c;color:#fff;}
.pro_detial .con_items .item{display: none; font-size: 15px;color: #333333;line-height: 2em;}
.pro_detial .con_items .item.on{display: block;}

/*--tedian--*/
.pro_det_02_name{width:auto;margin:0 auto;text-align:center;height:auto;padding-top:20px; clear:both}
.pro_det_02_name span{background:#0f51bf;color:#fff;font-size:24px; border-radius:30px;padding:10px 30px;font-family:arenacondensed-bold;}
.pro_det_02_name p{font-size:20px;color:#444;padding-top:20px;}
.pro_det_02_box{background:#5a616a;height:auto;margin:30px 0;overflow:hidden;padding:50px 0;}
.pro_det_02_box li{float:left;width:calc(33.33% - 40px);margin:0 20px 40px 20px;height:auto;overflow:hidden;text-align:center;}
.pro_det_02_box li p{font-size:20px;color:#fff;}
.prod_det_02_title{text-align:center;font-size:30px;color:#fff;font-family:arenacondensed-bold;padding:40px 0 80px 0;}
.pro_det_02_list{width:auto;height:auto;overflow:hidden;margin-top:50px;}
.pro_det_02_list li{float:left;width:calc(25% - 20px);margin:0 10px 0 10px;height:auto;overflow:hidden;background:#5a616a; border-radius:10px;padding:40px 40px;font-size:28px;color:#fff;height:200px;}
.pro_det_02_list li p{font-size:15px;line-height:22px;padding-top:15px;}
/*--tedian--*/

/*---message---*/
.wda_tj{width:100%;height:auto;margin:20px 0 0px 0;overflow:hidden;}
.wda_tj li{float:left;width:100%;font-size:14px;color:#333;margin:0 0 12px 0;height:auto;overflow:hidden;}
.wda_tj li span{float:left;font-size:14px;color:#555;width:130px;text-align:right;}
.wda_tj li input{float:left;width:50%;height:36px;padding-left:5px;border:#ccc 1px solid;}
.wda_tj li .input2{width:80px;height:36px;padding-left:5px;}
.wda_tj li textarea{width:50%; height:100px;padding:5px;border:#ccc 1px solid;}
.wda_tj li .btn{width:100px;height:40px;font-size:15px;background:#5a616a;color:#FFF;margin:10px 0 0 125px; border-radius:5px;border:1px solid #ccc;overflow:hidden; clear:both} 
/*---message---*/

/*----dinggou---*/
.pro_det_04_title{font-size:24px;color:#333;font-family:arenacondensed-bold;}
.pro_det_04_conn{font-size:16px;color:#555;line-height:160%;}
/*----dinggou----*/

/*---ying---*/
.pro_det_03_title{font-size:16px;color:#666;line-height:160%;padding:0px 20px 20px 20px;}
.pro_det_03_list{width:auto;height:auto;overflow:hidden;padding:40px 0;}
.pro_det_03_list li{float:left;width:calc(33.33% - 30px);margin:0 15px 30px 15px;height:auto;overflow:hidden;}
.pro_det_03_list li p{text-align:center;font-size:18px;color:#666;font-family: 'Roboto', Arial;padding-top:12px;}
/*---ying---*/

/*---jieshao---*/
.pro_info{width:auto;line-height:150%;padding:0 10px 20px 10px;font-size:15px;color:#555; overflow:hidden;height:auto;}
.pro_info img{ max-width:900px;clear:both;}
/*---jieshaoend---*/

/*---02 product contact end---*/

/*---------------products detail end-------------------*/

/*-----------------guanlianproduct-----------------*/
.pro_rel_title{font-size:26px;color:#333;padding:10px 0 20px 0;font-weight:600;}
.pro_related{width:auto;height:auto;overflow:hidden;padding:30px 210px;}
.pro_related li{float:left;width:calc(20% - 20px);margin:0 10px 20px 10px;height:auto;overflow:hidden;border:1px solid #dedede;}
.pro_related li .pic{width:100%;height:auto;overflow:hidden;}
.pro_related li .pic img{width:100%;height:auto;}
.pro_related li .title{text-align:center;padding:10px 12px 10px 12px;font-size:14px;color:#555;height:60px;}
/*-----------------guanlianproduct end-----------------*/




/*----------------------------------------------------news--------------------------------------*/


/*----news list---*/
.news_box{width:auto;height:auto;overflow:hidden;padding:50px 50px;position: relative; z-index:10;background:#fff;}
.news_list{float:left;width:72%;height:auto;overflow:hidden;}
.news_list li{float:left;width:100%;height:auto;overflow:hidden;padding:30px 0;border-bottom:1px solid #e8e8e8;}
.news_list li .pic{float:left;width:240px;height:auto;overflow:hidden;}
.news_list li .pic img{width:100%;height:170px;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.news_list li .conn{float:right;width:calc(100% - 270px);height:auto;overflow:hidden;}

.news_list li:hover .pic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.news_list li:hover{border-bottom:1px solid #e5000e;}
.news_list li:hover .xwl_more{background:#cc000c;color:#fff;border:1px solid #cc000c;}

.xwl_title{font-size:24px;color:#222;}
.xwl_conn{font-size:14px;line-height:150%;color:#777;}
.xwl_date{font-size:14px;color:#999;padding:10px 0;}
.xwl_more{width:100px;line-height:30px;font-size:14px;color:#666;border:1px solid #dcdcdc;text-align:center;margin-top:12px;}
/*----news list---*/

/*---rthot---*/
.news_rthot{float:right;width:25%;height:auto;overflow:hidden;background:#f4f4f4;padding:40px 40px;}
.xwhot_title{font-size:35px;color:#333;font-family:arenacondensed-bold;padding-bottom:10px;}
.xwhot_list{width:auto;height:auto;overflow:hidden;}
.xwhot_list li{float:left;width:100%;font-size:15px;color:#777;padding:10px 0;border-bottom:1px solid #e1e1e1;line-height:140%;}
.xwhot_list li a{display:block;}
.xwhot_list li a:hover{color:#cc000c;}
/*---rthot---*/

/*----news detail---*/
.news_datail_box{width:auto;height:auto;overflow:hidden;padding:0 50px 50px 50px;position: relative; z-index:10;background:#fff;}
.news_datail_title{width:auto;height:auto;padding:40px 50px 15px 50px;font-size:14px;color:#777;}
.news_datail{float:left;width:72%;height:auto;overflow:hidden;border:1px solid #e8e8e8;padding:40px 40px;}
.xinw_title{font-size:26px;text-align:center;padding:15px 0 25px 0;width:auto;overflow:hidden;width:auto;}
.xinw_dtm{width:auto; text-align:center; padding:0 0 0px 0; font-size:13px; color:#555;line-height:40px;background:#f7f7f7;margin:0 auto;}
.xinw_info{ line-height:160%;padding:30px 0;font-size:14px;color:#666;min-height:400px;width:auto;font-family: 'Roboto', Arial;}
.xinw_info a{color:#666;}
.xinw_info b{font-size:18px;color:#eb3e00;}
.xinw_info img{ width:600px;height:auto;text-align:center;}
/*----news detail---*/

/*----detail page---*/
.detail_page{width:auto;height:auto;overflow:hidden;font-size:15px;color:#666;line-height:180%;border-top:1px solid #e8e8e8;padding-top:30px;}
.detail_page a{color:#666;}
.detail_page a:hover{color:#cc000c;}
/*----detail page---*/



/*--------------------------------------------------news end-------------------------------------------*/



.lxwm{width:auto;padding:20px 10px 50px 10px;height:auto;overflow:hidden}
.lxwm_lt{float:left;width:40%;height:auto;overflow:hidden;font-size:20px;color:#555;line-height:180%;padding:50px 60px;background:#f4f4f4;height:450px;}
.lxwm_rt{float:right;width:55%;height:auto;overflow:hidden;}


.lxwm_btm{width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0 0 20px 0;}
.lxwm_btm .box{ clear:both; overflow:hidden; margin-bottom:12px;}
.lxwm_btm .txt{ width:100%; height:40px; line-height:40px; padding:0 10px; border-radius:5px; border:0; background-color:#FFF; outline:none;font-size:15px;border:1px solid #e5e5e5;}
.lxwm_btm .code{ width:20%; height:40px; line-height:40px; padding:0 10px; border-radius:5px; border:0; background-color:#FFF; outline:none;font-size:15px;border:1px solid #e5e5e5;}
.lxwm_btm .t_1{ float:left;}
.lxwm_btm .t_2{ float:right;}
.lxwm_btm .area{ width:100%; height:80px; line-height:20px; padding:5px 10px; border-radius:5px; border:0; background-color:#FFF; outline:none;font-size:15px;font-family: "Microsoft YaHei",SimSun,Helvetica,sans-serif;border:1px solid #e5e5e5; }
.lxwm_btm .btn{ float:left; width:100px;text-align:center; background-color:#d20910; color:#FFF; border-radius:5px; border:0; font-size:15px;overflow:hidden;line-height:40px;}
.lxwm_btm .btn a:hover{color:#fff;}

.lxwm_btm_tit{ color:#333; font-size:30px; line-height:1; padding:0px 0 20px 0;font-family:arenacondensed-bold;}
.btm_tit p{font-size:14px;color:#888;padding-top:12px;line-height:160%;}



@media (max-width: 768px) {
.lxwm{width:auto;padding:10px 0 30px 0;height:auto;overflow:hidden; }
.lxwm .lt{width:350px;height:auto;overflow:hidden;}	
.lxwm .rt{width:100%;height:auto;overflow:hidden;}
}
/*------------------------------------------------------------------------------------------nei end--------------------------------------------------------------------------------*/

.inner{width:1600px;height:auto;padding:60px 0 65px 0;margin:0 auto;overflow:hidden;}
.inner .inlt{float:left;width:250px;height:auto;overflow:hidden;}
.inner .inrt{float:right;width:1300px;height:auto;overflow:hidden;}

.neltit{width:auto;padding:18px 10px 18px 25px;font-size:22px;color:#fff;background:#265eb5;}
.neltit span{font-size:13px;color:#fff;padding-left:3px;}

.neltit1{width:auto;padding:12px 10px 12px 25px;font-size:20px;color:#fff;background:#333;margin-top:10px;}


.inlt_nav{width:auto;height:auto;overflow:hidden;background:#f8f7f7;}
.inlt_nav li{float:left;width:100%;line-height:45px;font-size:16px;border-top:1px solid #fff;border-bottom:1px solid #e7e5e6;}
.inlt_nav li i{float:right;width:6px;height:9px;background:url(../images/zh_p_17.png) no-repeat;margin:17px 20px 0 0;}
.inlt_nav li a{display:block;padding-left:22px;color:#666;}
.inlt_nav li a:hover{color:#06C;}
.inlt_nav li a:hover i{background:url(../images/zh_p_18.png) no-repeat;}
.inlt_nav li:last-child{border-bottom:none;}
.inlt_nav li.cur a{background:#265eb5;color:#fff;}
.inlt_nav li.cur i{background:url(../images/zh_p_19.png) no-repeat;}
.inlt_nav li.cur a:hover i{background:url(../images/zh_p_19.png) no-repeat;}



.inlt_pro_list{width:auto;padding:0px 0 0 0;border:1px solid #e7e5e6;}
.inlt_pro_list img{ width:100%;height:auto;}
.inlt_lxfs{width:auto;padding:10px 12px;font-size:15px;color:#555;line-height:160%;border:1px solid #e7e5e6;}


@media (max-width: 1400px) {
.inner{width:1200px;}
.inner .inlt{width:220px;}
.inner .inrt{float:right;width:950px;}
.neltit{font-size:26px;}
}
@media (max-width: 768px) {
.inner{width:auto;height:auto;overflow:hidden;padding:0 8px;}
.inner .inlt{display:none;}
.inner .inrt{width:auto;height:auto;overflow:hidden;}

}


/*-----------------------inner end--------------*/


/* 分页 */
.page{ font-family:Arial, Helvetica, sans-serif; line-height: normal; font-size: 14px; width:100%;margin:0 auto;padding:30px 0 30px 0; clear:both;margin-bottom:20px;color:#666;}
.page a,.page span{display:block;color:#0c4797;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;padding-top:0px;float:left;margin-top:0px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;height:25px;line-height:25px;} /* SPAN和链接 */
.page a:hover, .page a.current{color:#F44;border:1px solid #F44;height:25px;line-height:25px;} /* 当前链接有激活时 */
.page input{padding:0px;color:#0c4797;height:23px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px} /* 跳转INPUT */

/* ====== go top start ====== */
.gotop {
	background-color: rgba(0, 0, 0, 0.5);
	bottom: 70px;
	position: fixed;
	right: 20px;
	z-index: 10;
	width:45px;
	height:45px;
	display:none;
}
.gotop:hover {
    background-color: rgba(0, 0, 0, 0.6);
}
.gotop a {
	display: block;
	height: 45px;
	overflow: hidden;
	width: 45px;
	font-size:24px;
	color:#FFF;
	text-align:center;
	line-height:45px;
}
.gotop a:hover{color:#FFF}
/* ====== go top end ====== */

/* 底部定导航*/
.menubox{ 
	background-color: #fafafa;
	position: relative;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 999;
	width: 100%;
	padding:9px 0;
	border-top: #eee solid 1px;
}
.menubox ul li{
	float: left;
	width: 33.33%;
	text-align: center;
}
.menubox ul li i{
	display: block;
	margin:0 auto;
	width: 25px;
	height: 25px;
}
.menubox ul li i img{
	display: none;
	margin:0 auto;
	width: 25px;
}
.menubox ul li i img:first-child{
	display: block;
}
.menubox ul li span{
	display: block;
	font-size:14px;
	color: #666;
	line-height: 140%;
}
.menubox ul li.cur i img:first-child{
	display: none;
}
.menubox ul li.cur i img:last-child{
	display: block;
}
.menubox ul li.cur span{
	color: #3385cc;
}
.menubox dl{
	position: absolute;
	right: 0;
	width: 36%;
	background-color: #fafafa;
	text-align: center;
	padding: 1% 0;
	border:#ddd solid 1px;
	border-bottom: 0;
	display: none;
	border-radius: 4px 4px 0 0;
	overflow: hidden;
}
.menubox dl dd{
	line-height: 320%;
	border-top: #ddd solid 1px;
}
.menubox dl dd:first-child{
	border:0;
}
.menubox dl a{
	display: block;
	color: #666;
	font-size: 15px;
}
.menubox dl a:active{
	color: #fff;
	background-color: #3385cc;
}

@media (min-width:768px) and (max-width:1920px) {
.menubox{display:none;}
}

/* 底部定导航*/


/*---飘浮QQ--*/




.izl-rmenu{
	       margin-right: 0;
	       width:60px;
	       position: fixed;
	       right: 2px;
	       top: 65%;
	       -webkit-box-shadow: #DDD 0px 1px 5px;
	       -moz-box-shadow: #DDD 0px 1px 5px;
	       box-shadow: #DDD 0px 1px 5px;
	       z-index:999;
}
.izl-rmenu .consult{    
	background-image: url(../images/consult_icon.png);
    background-repeat: no-repeat;
    background-position: center -60px;
    display: block;
    height: 60px;
    width: 60px;
}
.izl-rmenu .email{    
	background-image: url(../images/consult_icon.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    height: 60px;
    width: 60px;
}

.izl-rmenu .book {    background-image: url(../images/consult_icon.png);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 60px;
    width: 60px;
}

.izl-rmenu .book .zixun {
    background-color: rgb(247,247,255);
    position: absolute;
    width: 100px;
    left: -100px;
    top: 0;
    line-height: 60px;
    color: #555;
    font-size: 14px;
    text-align: center;
    display: none;
    box-shadow: #DDD -1px 1px 4px;
}
.izl-rmenu a.book:hover .zixun{display:inline !important;}




.izl-rmenu .consult .phone {
    background-color: rgb(247,247,255);
    position: absolute;
    width: 125px;
    left: -125px;
    top: 60px;
    line-height: 60px;
    color: #555;
    font-size: 14px;
    text-align: center;
    display: none;
    box-shadow: #DDD -1px 1px 4px;
}
.izl-rmenu a.consult:hover .phone{display:inline !important;}


.izl-rmenu .cart {
    background-image: url(../images/consult_icon.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
height:60px;
}
.izl-rmenu a.cart:hover .pic{display:block;}

.izl-rmenu .cart .pic {
	display:none;
    position: absolute;
    left: -100px;
    top:63px;
    width: 100px;
    height: 118px;
    background:url(../images/weixin.jpg);
}




.izl-rmenu .btn_top {
    background-image: url(../images/float_top.png);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 39px;
    width: 60px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.izl-rmenu .btn_top:hover {
	background-image: url(../images/float_top.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#udesk-feedback-tab {
    position: fixed;
    right: 2px;
    top: 65%;
    margin-top: -76px;
    -webkit-box-shadow: #DDD 0px -1px 5px;
    -moz-box-shadow: #DDD 0px -1px 5px;
    box-shadow: #DDD 0px -1px 5px;
    z-index: 10000;
    cursor: pointer;
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 76px;
    width: 66px;
    background-color: #FFF!important;
    z-index:999;
}
#udesk-feedback-tab1 {
    position: fixed;
    right: 2px;
    top: 65%;
    margin-top: -150px;
    -webkit-box-shadow: #DDD 0px -1px 5px;
    -moz-box-shadow: #DDD 0px -1px 5px;
    box-shadow: #DDD 0px -1px 5px;
    z-index: 10000;
    cursor: pointer;
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 76px;
    width: 66px;
    background-color: #FFF!important;
    z-index:999;
}

@media (max-width:768px){
.izl-rmenu{display:none;}
.izl-rmenu .consult{display:none;}
#udesk-feedback-tab{display:none;}
#udesk-feedback-tab1{display:none;}
#udesk-feedback-tab-left{display:none;}
.udesk-feedback-tab-left{display:none;}
}
 
 
 /*----tanchuzixun----*/
 
 .hide_box{z-index:999;filter:alpha(opacity=50);background:#666;opacity: 0.5;-moz-opacity: 0.5;left:0;top:0;height:99%;width:100%;position:fixed;display:none;}
				
.shang_box{width:540px;height:430px;padding:10px;background-color:#fff;border-radius:10px;position:fixed;z-index:1000;left:50%;top:50%;margin-left:-280px;margin-top:-280px;border:1px dotted #dedede;display:none;}
 .shang_close{float:right;display:inline-block;padding:10px 15px 0 0;}

.in_btm{width:500px;height:auto;overflow:hidden;margin:0 auto;padding:0 0 20px 0;}
.in_btm .box{ clear:both; overflow:hidden; margin-bottom:12px;}
.in_btm .txt{ width:100%; height:31px; line-height:31px; padding:0 10px; border-radius:5px; border:0; background-color:#FFF; outline:none;font-size:15px;border:1px solid #e5e5e5;}
.in_btm .t_1{ float:left;}
.in_btm .t_2{ float:right;}
.in_btm .area{ width:100%; height:80px; line-height:20px; padding:5px 10px; border-radius:5px; border:0; background-color:#FFF; outline:none;font-size:15px;font-family: "Microsoft YaHei",SimSun,Helvetica,sans-serif;border:1px solid #e5e5e5; }
.in_btm .btn{ float:left; width:100px;text-align:center; background-color:#d20910; color:#FFF; border-radius:5px; border:0; font-size:15px;overflow:hidden;line-height:40px;}
.in_btm .btn a:hover{color:#fff;}

.btm_tit{ color:#333; font-size:26px; line-height:1; padding:20px 0 40px 0;}
.btm_tit p{font-size:14px;color:#888;padding-top:12px;line-height:160%;}

@media (max-width: 768px) {
.shang_box{width:auto;height:auto;margin-left:-180px;margin-top:-180px;top:40%;padding:0px 0 0 0;}
.in_btm{width:100%;padding:0 0 0 10px;}
.in_btm .txt{width:300px;}
.btm_tit{padding:0 0 20px 0;}
.in_btm .area{width:90%;padding:5px 0;float:left;}
 .shang_close{padding:15px 15px 0 0;}
}

 /*----tanchuzixun end----*/


 /*-----------------------------------------------------------------------------------page end----------------------------------------------------------------*/

 .pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem;padding:0px 50px 50px 50px;}
 
 .page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1;color:#007bff;background-color:#fff;border:1px solid #dee2e6}
 .page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}
 .page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}
 .page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}
 .page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}
 .page-item.active .page-link{z-index:1;color:#fff;background-color:#007bff;border-color:#007bff}
 .page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}
 .pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1}
 .pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}
 .pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}
 .pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1}
 .pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}
 .pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}
 .clean-block.clean-catalog .pagination{-ms-flex-pack:center;justify-content:center}
 
 /*-----------------------------------------------------------------------------------page end----------------------------------------------------------------*/






