.jxs{ width:100%; background:#335384; float:left; height:55px;}
.jxs_l{ width:15%; float: left;}
.jxs_l a{ color:#fff; background:#0a2041; float:left; height:55px; line-height:55px; text-align:center; width:100%; font-size:16px;}

.jxs_r{ float: right; width:26%; line-height:55px; margin-right:36px;}
.jxs_r a{ text-align:right; width:50%; float:left; color:#FFFFFF; font-size:14px;}
.jxs_r a:hover{ color:#FF0004}

.head{ width:1120px; float:right; margin-right:40px;}
.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;border:1px solid transparent;white-space:nowrap;padding:4px 12px;font-size:12px;line-height:1.428571429;border-radius:2px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; margin-top:8px; background:#FFFFFF; float: left;}
.btn .img{ float:left; margin-top:0px; margin-right:8px;}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:9999999;display:none;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:12px;text-align:left;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:2px;box-shadow:0 6px 12px rgba(0,0,0,.175);}
.dropdown-header,.dropdown-menu>li>a{display:block;padding:3px 20px;line-height:1.428571429;white-space:nowrap}
.dropdown-menu>li>a:focus,.dropdown-menu>li>.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#ff0000;text-decoration:none;outline:0;}
.open>.dropdown-menu{display:block}.open>a{outline:0}
.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}

.logo{float:left; margin-bottom:20px;}
.logo img{ width:180px; height:auto;}
.dropdown-menu {background-color: #fff;}





/*主导航*/
.nav{height:110px;width:950px; float:right; margin-top:18px;}
.nav li{height:110px;text-align: center;width:157px;float:left;position:relative;z-index:999;}
.nav li a{display:block;line-height:110px;color:#000;font-size:16px;}
.nav li a:hover{background:#fa7821; background: url(../images/line.jpg) no-repeat center bottom;}
.nav li.lxff a{background:none}
.nav li.lxff a:hover{background:#fa7821;}

.nav .sec{height:0;background:#0262b8;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:110px;left:0px;width:170px; text-align:center}
.nav .sec a{background:#0262b8;color:#fff;height:45px;line-height:45px;font-size:14px; text-align:center}
.nav .sec a:hover{background:#fa7821;text-decoration:none;}




.banner{ width: 100%; position: relative; display: inline-block; background: url(../img/loading.gif) no-repeat center; margin-bottom:55px;}
.banner.margin{ top: 141px; margin-bottom: 120px; z-index: 2; }
.banner img{ width: 100%; display: block; }
.banner ul{ width: 100%; position: absolute; left: 0; top: 0; }
.banner li{ width: 100%; position: absolute; left: 0; top: 0; display: none; }
.banner .btnbox{ position: absolute; left: 50%; bottom: 12px; }
.banner .btnbox span{ display: block; width: 13px; height: 13px; background: url(../images/ico_03.png) no-repeat center; float: left; cursor: pointer; margin-left: 11px; }
.banner .btnbox span.on{ background: url(../images/ico_04.png) no-repeat center; }
.banner .i-ban-hei{ margin-top: 39%; width: 100%; height: 0; }

.plist{ float:left; width:1200px; padding:0 0 0 0;}
.plist h2{ text-align:center; font-weight:normal; font-size:24px; color:#335384; background:url(../images/lin.png) center center no-repeat; margin-bottom:0px;}
.plist p{ text-align:center; font-size:36px; color:#000000;}
.plist p span{ font-weight:normal; padding-left:22px;}
.plist h4{ font-weight:normal; font-size:14px; text-align:center;}
.plist ul{ float:left; width:1250px; overflow:hidden; margin-top:50px; margin-bottom:10px;}
.plist li{ width:386px; float:left; margin-right:20px; height:500px; background:#fff}
.plist li img{ width:386px; height:386px; float: left;}
.plist li em{ width:100%;  float:left;  font-size:16px; font-weight:normal; background:#e0e0e0; text-align:center; line-height:50px; }
.plist li li a{ font-size:16px; float:left; background:#e0e0e0; text-align:center; width:100%; }
.plist li a:hover{ background: url(../images/line.jpg) no-repeat center bottom ; float:left; height:500px; color:#FFFFFF;}
.more{ text-align:center; padding-top:30px; margin-bottom:50px;}
.more a{ background:#335384; width:162px; padding:15px 162px; color:#FFFFFF; font-size:14px; text-align:center;}


.mr_frbox{height:350px;float:left; margin:28px 0 35px; width:1200px;  padding-bottom:20px;}
.mr_frBtnL{float:left;margin:128px 22px 0px 0px;cursor:pointer;display:inline;}
.mr_frUl{float:left;height:380px;width:1100px;}
.mr_frBtnR{float:right;margin-top:128px;cursor:pointer;}
.mr_frUl ul li{float:left;height:360px;width:340px;margin-right:33px;}
.mr_frUl ul li img{display:block; width:340px; height:300px}
.mr_frUl ul li span{ background:#0e6eb8; font-size:15px; color:#FFFFFF; width:100%; text-align:center; float:left; height:52px; line-height:52px;}
.mr_frUl ul li a:hover{ color:#000000}




.produ{ float:left; background:#F5F5F5; width:100%; padding:35px 0; margin-bottom:50px;}
.produ h2{ text-align:center; font-weight:normal; font-size:36px; background:url(../images/lin.png) center center no-repeat; margin-bottom:20px;}
.produ p{ text-align:center; font-size:14px;}
.produ ul{ float: left; margin-top:45px; width:1200px; overflow:hidden}
.produ li{ background:#FFFFFF; border-radius:5px; padding:12px; margin-right:26px; width:350px; float:left; margin-bottom:26px;}
.produ li p{ text-align:center; line-height:50px; width:100%;}
.produ li p a{ font-size:16px;}

.iabout{ float:left; width:100%; background:url(../images/about_a.jpg) no-repeat center center; height:330px; color:#FFFFFF; padding:310px 0 0 0; line-height:28px; font-size:14px;}
.iabout a{ color:#FFFFFF}
.iabout a:hover{ color:#FF0004}
.one{ float:left; width:1200px;}
.one li{ float:left; width:278px; margin-right:12px; border:1px solid #D3D3D3; padding-bottom:20px;}
.one li p{ padding:20px 0 0 20px; color:#999999;}
.one li h2{ padding:0 0 10px 20px; font-size:30px; font-weight:normal}
.one li img{ width:100%; height:202px;}
.one li span{ background:url(../images/ico.png) no-repeat 0 16px; float:left; padding:10px 0 0 20px; width:90%; margin-left:30px;}
.one li span a{ font-size:16px; color:#FF0000}

.join{ width:100%; float:left; background:url(../images/message.jpg) no-repeat center center; height:710px; padding:40px 0 0 0; color:#FFFFFF; margin-top:50px;}
.join h2{ text-align:center; font-size:32px;  margin-bottom:10px;}
.join p{ text-align:center; font-size:14px;}
.join .daili{ float: left; width:670px; margin-top:105px;}
.join .daili h2{ font-size:28px; text-align:left; font-weight:normal; padding-bottom:20px;}
.join .daili li{ float:left; line-height:28px; background:url(../images/ico1.png) no-repeat 0 9px; width:80%; font-size:16px; padding-left:18px; margin-bottom:12px;}

.feedback{ width:400px; float:left; padding:125px 0 0 4px; color:#FFFFFF}
.feedback h3 { float:left; font-size:24px; color:#32cd32; margin-bottom:12px;}
.feedback form{ float:left; width:500px; color:#FFFFFF}
.feedback form ul li { width:500px; float:left; margin-bottom:12px;}
.feedback form ul li img { vertical-align: middle; cursor: pointer; }
.feedback form ul li label { line-height: 26px; font-size: 14px; width: 80px; margin-right:8px; float: left; display: inline; text-align: right; }
.feedback form input { border: 1px solid #fff; -webkit-border-radius: 0.1em; -moz-border-radius: 0.1em; border-radius: 0.1em; width: 435px; height: 50px; line-height: 24px; font-size: 1.3em; padding-left: 3px; background:#fff; color:#000; font-size:16px; border-radius:3px; margin-bottom:12px; padding-left:18px;}
.feedback form textarea { border: 1px solid #fff; width: 435px; height: 136px; font-size: 1.3em; -webkit-border-radius: 0.1em; -moz-border-radius: 0.1em; border-radius: 0.1em; padding-left: 3px; padding-top: 2px; background:#fff;border-radius:3px; margin-bottom:12px; padding-left:18px;}
.feedback form input:focus, #content form textarea:focus { border-color: #66afe9;outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); }
.feedback form li .button { height: 50px; width: 120px; margin-right:32px; float:left;}


.feedback form li.minp5 { border:0; }
.feedback form li.minp5 input { width:82px; height:24px; margin-right:16px; cursor:pointer; cursor:pointer; }
.feedback form li.minp5 .onb1 { background:#4F83D9 url(../images/send.png) no-repeat center top; width:120px; height:50px; border:none; color:#FFFFFF; margin-right:12px; padding-left:2px; font-size:18px;}
.feedback form li.minp5 .onb2 { background:url(../images/cz.png) no-repeat center top; width:120px; height:50px;border:none; color:#FFFFFF; argin-right:12px; padding-left:2px; font-size:18px;}


/****************底部***************/

footer{ background-color: #e4e6ec; float:left; width:100%; padding:20px 0 0 0;}
.footer-main{padding-top: 28px;padding-bottom: 24px;}
.footer-main .flogo{ text-align:center; border-bottom:1px dashed #838383; padding:0 0 45px 0; margin-bottom:30px;}
.footer-main .flogo img{ width:200px; height:auto;}
.footer-main dl{float: left;margin-right: 10%;transition: all 0.5s ease 0s;margin-bottom: 15px;}
.footer-main dt{font-size: 14px;line-height: 24px;margin-bottom: 8px;}
.footer-main dt a{color: #000000;display: block;}
.footer-main dt a:hover{color: #ff0000;}

.footer-main dd a{color: #666666;line-height: 29px;font-size: 14px;}
.footer-main dd a:hover{color: #ff0000;}
.footer-main .wx{width: 11%;padding-top: 9px;}
.footer-main .wx p{text-align: center;line-height: 32px;color: #000;}
.bottom{ width:100%; float:left; background:#335384; height:35px; text-align:center; line-height:35px; color:#c8c8c8;}
.bottom a{color:#c8c8c8;}
.bottom a:hover{ color:#F00}
#nbanner { position:relative; width:100%; z-index:-1}
#nbanner img{ width:100%; height: auto;}


.inside { height: 70px; border-bottom: 1px solid #ededed; background: #f5f5f5; width:100%; float:}
.inside.fixed { position: fixed; left: 0; top: 0; width: 100%; z-index: 5;}
.inside a { display: inline-block; font-size: 14px; line-height: 70px; color: #444444;}
.inside a:hover { color: #0062cb;}
.inside a.home { width: 20px; height: 70px; background: url(../images/bg_sign06.png) no-repeat center;}
.inside span { display: inline-block; width: 28px; height: 70px; background: url(../images/bg_sign07.png) no-repeat center;}
.inside em { display: inline-block; font-size: 14px; line-height: 70px; color: #444444;}
.inside li{ float:left;}
.inside .menu a { position: relative; display: inline-block; margin: 0 16px; font-size: 14px; line-height: 70px; color: #444444;}
.inside .menu a:last-child { padding-right: 0;}
.inside .menu a:after { transition: all 0.5s;}
.inside .menu a:hover { color: #006ee2;}
.inside .menu a:hover:after, .inside .menu a.cur:after { content: ""; display: inline-block; position: absolute; left: 0; bottom: -1px; width: 100%; height: 3px; background: #006ee2;}
.menu-block { height: 0px;}

.about{ float:left; padding:25px 12px 25px 18px; line-height:26px;}
.contact{ margin:30px auto; width:100%; line-height:28px;}

nav.pagelist { clear: both; text-align: center; font-size: 1.4em; padding: 18px 0px 35px 0px; }
nav.pagelist a { border: #9aafe5 1px solid; margin-right: 5px; padding: 3px 7px; color: #2e6ab1; font-size:14px;}
nav.pagelist a:hover { color: #e06f23; text-decoration: none; }
nav.pagelist span.current { color: #fff; background-color: #2e6ab1; margin-right: 5px; padding: 3px 7px; }
nav.pagelist span.disabled { border: #ccc 1px solid; margin-right: 5px; padding: 3px 7px; color: #3C3C3C; }
nav.pagelist a.selectedd{ color: #f00}

.n_body {overflow:hidden; margin-bottom:10px; float:left; width:100%; margin-top:40px;}
.n_body img{ width:100%; height:auto;}
#news_info { min-height:468px; height:auto !important; height:468px; overflow:visible;}
#news_info a { color:#3C3C3C; }
#news_info a:hover { color:#FA4A1F; }
#news_info .article_title { font-size:16px; font-weight:bold; margin:0px; text-align:center; line-height:28px; }
#news_info .atdes { line-height:36px; text-align:center; border-bottom:1px dotted #BCBCBC; padding-bottom:8px;}
#news_info .atdes span{ padding:0px 6px; }
#news_info .news_body { font-size:14px; padding:18px 12px; line-height:28px; text-align:left;}
#news_info .news_body img { border:1px solid #CCC; }
#news_info .news_body p { font-size:14px; margin:0px 0px 6px 0px; }
#news_info .news_body p.pcut span { border:1px solid #B4B4B4; margin-right:2px; padding:2px 4px; font-weight:bold; color:#0473EC; }
#news_info .news_body p.pcut a { border:1px solid #B4B4B4; margin-right:2px; padding:2px 4px; color:#9E9E9E; }
#news_info .news_body p.pcut a:hover { text-decoration:none; color:#0473EC; }
#news_info .news_body a { color:#094B9F; }
#news_info .news_body a:hover { text-decoration:underline; color:#094B9F; }
#updown { font-size:14px; border-top:#BCBCBC 1px dotted; line-height:24px; padding-top:8px; padding-bottom:8px; text-align: center; float:left; width:100%; margin-top:18px;}
.prevnext { clear: both; padding: 16px 17px 5px 17px; text-align: center; height: auto !important; overflow: hidden; border-top:1px dashed #CCC;}
.prevnext .previous { font-size: 14px; width: 50%; float: left; text-align: left; }
.prevnext .next { font-size: 14px; width: 50%; float: right; text-align: right; }


.inf_lc{ clear:both;padding:25px 0 0;}
.inf_lc li:hover{box-shadow: 0 0 10px #4F83D9; }
.inf_lc li:hover p b a{color:#4F83D9;}
.inf_lc li:hover .fr{ background:#4F83D9;}

.inf_lc li{ height:165px; overflow:hidden;margin:0px 10px 20px 10px; box-shadow: 0 0 10px #E5E5E5; padding-right:35px;}
.inf_lc li.bg { background:#edf6f4;}
.inf_lc li h4{ text-align:center; float:left;width:100px; overflow:hidden; background:#4F83D9; color:#fff; height:130px; margin: 15px 0 0 30px;}
.inf_lc li h4 b{ font-weight:100; display:block; line-height:100px;height:90px; overflow:hidden; font-size:50px; font-family:Microsoft Yahei; text-transform:uppercase;}
.inf_lc li h4 span{ font-weight:100; display:block; line-height:16px;height:30px; overflow:hidden; font-size:16px; font-family:Microsoft Yahei; text-transform:uppercase; color:#fff;}
.inf_lc li p{padding:15px 0 0 14px; line-height:26px;width:980px; overflow:hidden; float:right; color:#666; text-align:justify; font-size:14px; height:110px;}
.inf_lc li p b{ display:block; font-weight:100; color:#000000; font-size:16px; height:35px;}
.inf_lc li p b a,.inf_lc li p b a:hover{ font-weight:bold;}
.inf_lc li p b a:hover{ color:#4F83D9;}
.inf_lc li .fr{margin:0 0 0; width:70px; height:25px; line-height:25px; text-align:center; color:#ffffff; background-color:#999; }

.feedbac{ float:left; margin-top:35px; width:100%; margin-bottom:35px;}
.feedbac .title{text-align:center;font-size:24px;font-weight:normal;margin-bottom:25px;color:#333;font-family: "微软雅黑"; }
.feedbac .title span{background:#fff;padding:0 30px;position:relative;top:-15px;}
.feedbac .title::before{content:"";border-bottom:1px solid #e1e1e1;height:12px;vertical-align:top;width:100%;display:block;}
#feedback_form label{display:block;float:left;height:32px;line-height:32px;margin-bottom:30px;padding-left:40px;background:url(../images/contact.png) no-repeat;font-size:12px;}
#feedback_form label.name{background-position:0 -32px;}
#feedback_form label.email{background-position:0 -64px;}
#feedback_form label.city{background-position:0 -96px;}
#feedback_form label.msg_title{background-position:0 -128px;}
#feedback_form label.address{background-position:0 -160px;}
#feedback_form label.message{background-position:0 -192px;margin-bottom:10px;}
#feedback_form input{width:250px;height:30px;line-height:30px;float:left;margin:0 37px 30px 0;padding:0 10px;border:1px solid #dbdbdb;}
#feedback_form input.last{margin-right:0;}
#feedback_form .msg{border-top:1px dotted #ccc;padding:30px 0;}
#feedback_form textarea{height:125px;width:1053px;padding:10px;border:1px solid #dbdbdb;display:block;color:#333;}
#feedback_form .btns{width:120px;height:40px;margin-right:10px; background:#009999;color:#fff;border:none;font-size:15px;margin-bottom:0;cursor:pointer;}
#feedback_form .btns:hover{background:#333;transform:all 0.3s;}
#feedback_form .reset{background:#ccc;cursor:pointer;margin-bottom:0;}
#feedback_form .tableRow{width:100%;height:32px;}
#feedback_form .tableRow input{width:150px;margin-right:10px;color:#999;float:left;}
#feedback_form .tableRow .checkcode{width:50px;height:22px;margin-left:5px;border:1px solid #ccc;padding:4px 5px;display:block;float:left;background:#fff;}
#feedback_form input:focus,#feedback_form textarea:focus{border-color:#009999;}
.clearfix:after {clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden; }


.newslis{ width: 100%; overflow: hidden; float:left; margin-top:20px;}
.newslis li{ float:left; display:block; margin:0 20px 4px 0; overflow:hidden; width:100%; border-bottom:1px dotted #626262; line-height:35px;}
.newslis li span{ border:none; float:right; height:28px; margin-top:12px;}
.newslis li span a{ background:url(../images/down.png) no-repeat; width:120px; height:22px; padding:12px 50px;}
.newslis li span a:hover{background-image:url(../images/downloadm.png); width:90px; height:22px;}

.prolist{ width:1200px; overflow:hidden; float:left; margin-top:20px; margin-left:15px;}
.prolist li{ float:left; display:block; width:31.6%; margin:0 20px 20px 0; overflow:hidden; border-bottom:2px solid #dcdce0;}
.prolist li h2{ text-align:center; font-weight: 600; color:#323232; line-height:35px;}
.prolist li a:hover h2{ color:#FFF;}
.prolist li img{ width:100%; display:block; height: auto; background:#FFF;}
.prolist li a{ background:#edeef2; float:left; width:98%; padding:1%; display:block; }
.prolist li a:hover{ background:#0262b8; color:#FFF;}


.caselist{ width:1300px; overflow:hidden; float:left; margin-top:20px;}
.caselist li{ float:left; display:block; margin:0 20px 20px 0; overflow:hidden; border-bottom:2px solid #dcdce0;}
.caselist li h2{ text-align:center; font-size:16px; font-weight: 600; color:#323232; line-height:35px;}
.caselist li a:hover h2{ color:#FFF;}
.caselist li img{ width:380px; display:block; height: auto; background:#FFF;}
.caselist li a{ background:#edeef2; float:left; width:98%; padding:1%; display:block; }
.caselist li a:hover{ background:#1f2022; color:#FFF;}

.procontent{ margin-bottom:35px; overflow:hidden; float:left; width:1200px; margin-top:40px;}
.post-title{ margin-bottom:20px; padding-bottom:5px; font-size:24px; line-height:36px; text-align:left;}
.product-meta-box{ overflow:hidden; float:left;}
.metaList{ float:left; width:100%;}
.metaList li{ padding:7px 0 8px 0; width:100%; border-bottom:1px solid #EEE; overflow:hidden; line-height:32px; font-size:16px;}
.metaList li strong{ float:left; padding-right:8px; width:130px; text-align:right; font-weight:normal; display:block;}
.inquiry{ padding:12px 18px; border-radius:5px; background:#fdd000; float:left; margin-top:18px;}
.Details{ width:100%; float:left; padding-bottom:12px; margin-top:50px;}
.Details h2{ height:35px; padding-left:38px; line-height:32px; color:#FFFFFF; font-size:16px; background:url(../images/pro.jpg) no-repeat; width:1200px; margin-bottom:30px;}



#preview{ float:left; margin:0 auto; text-align:center; width:450px;}
.jqzoom{ width:400px; height:400px; position:relative;}
.jqzoom img{ border:1px solid #CCC;}
.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:400px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(../images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(../images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:365px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:372px; margin-right:6px;}
#spec-list div{ margin-top:0; *margin-left:0;}












.nav_menu {clear: both;width: 100%;line-height: 50px;height: 50px;background: #fff;border-bottom:1px solid #eee;}
.nav_menu ul{float: left; width:950px;}
.nav_menu ul li {float: left;position: relative;}

.nav_menu ul li a {display: block;float: left;padding: 0 20px;color: #444444;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;font-size: 14px;line-height: 50px;position: relative;z-index: 1;}
.nav_menu ul li a em{display: block;width: 100%;height: 0;z-index: -1;position: absolute;left: 0;bottom: 0;background: #2c538b;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.nav_menu ul li a.on em,
.nav_menu ul li a:hover em{height: 100%;}
.nav_menu ul li a.on,
.nav_menu ul li a:hover {color: #fff;}

.pro_menu {width: 100%;float: left;line-height: 40px;color: #000;font-size: 20px; margin-top:20px;}
.pro_menu .menu_left {width: 900px;float: left;}
.pro_menu .menu_left i {display: inline-block;float: left;width: 2px;height: 18px;background: #575755;margin-right: 15px;margin-top: 11px;}
.pro_menu .search {float: right;width: 250px;margin-top: 10px;}
.pro_menu .search .search_input {display: block;float: right;width: 150px;line-height: 28px;height: 28px;overflow: hidden;border: 1px solid #d5d5d5;color: #999;padding: 0 10px;text-align: left; font-size:14px;}
.pro_menu .search .reset_input {display: block;float: right;text-align: center; font-size:14px; border:none;line-height: 30px;height: 30px;background:#2c538b;color: #fff;width: 50px;cursor: pointer;}
.pro_menu .pro_sub {width: 100%;float: left;margin-top: 20px;}
.pro_menu .pro_sub a {font-size: 14px;padding: 0 15px;border-right: 1px solid #ccc;display: block;float: left;line-height: 14px;}
.pro_menu .pro_sub a:last-of-type {border-right: 0;}
.pro_menu .pro_sub a:hover {color: #575755;}


.nava{height:53px;width: 400px; float:left;}
.nava li{line-height:53px;height:53px;text-align:center;width: auto;float:left;position:relative;z-index:999;font-size: 15px;}
.nava li a{display:block;line-height:53px;color:#000;height:53px; }
.nava li a:hover{color:#000;text-decoration:none; background: #2c538b;}
.nava li a.curr{color:#000;text-decoration:none; background: #2c538b; color:#FFFFFF}

.nava .sec{height:0;background:#01557a;color:#fff;overflow:hidden;z-index:999999999;position:absolute;top:53px;left:0px;}
.nava .sec a{background:#01557a;color:#fff;height:38px;line-height:38px;width:126px;}
.nava .sec a:hover{background:#042d3f;text-decoration:none;}
.navt{ width:1200px; margin:0 auto; height:53px;}



.right { float:right; text-align:left;}
.right .location { border-bottom: 1px solid #d6dde6; font-size: 12px; text-align: right; height: 50px; line-height: 50px;}
.right .location .home { background: url("../images/icon-coordinates.png") no-repeat 0 center; padding-left: 25px;}
.right .location ul{ width:auto; text-align:right}
.right .location li { display: inline-block;}
.right .location li span { margin: 0 5px 0 6px;}
.right .location .active { color: #064B9D; font-size:14px;}
.right .location li a{ padding:0; color:#000000}
.right .location li a:hover{ color:#FF0004}

.recom_list{width: 1215px;margin-left: -15px;clear: both;overflow: hidden; margin-top:0; float:left;}
.recom_list li{float: left;border: 1px solid #eee;text-align: center;padding: 10px 10px 20px 10px;width:266px;margin-left: 15px;position: relative; margin-bottom:15px;}
.recom_list li div{width: 100%;height: auto;overflow: hidden;}
.recom_list li div img{ width:100%; height:auto;}
.recom_list li:hover img{transform: scale(1.03,1.03);}
.recom_list li h3{font-weight: normal;color: #999;line-height:2;}
.recom_list li i{display: block;width: 0;height: 1px;background: #ffac13;left: 0;bottom: 0;position: absolute;z-index: 1;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.recom_list li:nth-of-type(4n-3) i{background: #ffac13;}
.recom_list li:nth-of-type(4n-2) i{background: #83c44e;}
.recom_list li:nth-of-type(4n-1) i{background: #2196f3;}
.recom_list li:nth-of-type(4n) i{background: #e53935;}
.recom_list li:hover i{width: 100%;}
.recom_list li em{display: block;background: #004682;text-align: center;height: 20px;line-height: 20px;color: #fff;position: absolute;left: 0;top: 0;width: 50px;z-index: 1;}