@charset "utf-8";
/* CSS Document */
@font-face {font-family: HELVETICANEUELTPRO-THEX; src: url(../font/HelveticaNeueLTPro-ThEx.otf);src: url(../font/HelveticaNeueLTPro-ThEx.eot); font-style: normal}

*{margin:0;padding:0;list-style:none;}
img{border:0;}
body{font-size:14px;background-position:0 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block; }

.clear{ clear:both; _overflow:hidden;height:0px;}
img{ border:0px;}
a{ text-decoration:none; color:#333; }
a:hover{color:#0035a0;}
div, img, ul, li, span, a, p{ margin:0px; padding:0px;}
em,i{font-style:normal;}
ul,li{list-style:none;}
html{ overflow-x:hidden;}
.tong{width:1200px; margin-left:auto; margin-right:auto;}

/*topnav*/
.topnav{width: 100%;background:url(../images/topnav.jpg) no-repeat;height: 150px;z-index: 9999999;position:relative;}
.logobg{background:url(../images/logobg.jpg) no-repeat;height: 150px}
.logo{width: 200px;float: left}
.menu {display: block;height:150px;float: right;width:800px;z-index: 9999999;position: relative}
.menu ul {float: left;height:150px;display: block;width: 100%}
.menu ul li {float:left;position:relative;width:14%;height:150px;line-height: 150px;text-align: center}
.menu ul li ul {display: none;width: 100%;height: auto}
.menu ul li:hover{ position:relative;background-color:#0035a0}
.menu ul li:hover a{color: #fff}
.menu ul li:hover ul {display:block;position:absolute; left:0;background-color:#0035a0;top:120px;z-index: 9999999 }
.menu ul li:hover ul li { display:block;width:100%;background:none;line-height:60px;height: 60px;border-top: 1px dotted #fff}
.menu ul li:hover ul li:hover {background:#424242;}
.menu ul li ul li ul{display:none}
.menu ul li:hover ul li ul{display:none}
.menu ul li ul li:hover ul{position: absolute;left:100%;display: block;top:0}
.menu ul li:hover ul li:hover ul li:first-child{border:none}

/*banner*/
.yuan-banner{width:100%;margin-left:auto; margin-right:auto; height:700px;z-index:15;}
#full-screen-slider {width:100%;height:700px;float:left;position:relative;display: block;overflow: hidden;}
#slides { display:block; width:100%; height:700px; list-style:none; padding:0; margin:0; position:relative; z-index:999999;}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute; z-index:999999;}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:600px; z-index:9999900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#fff; }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current {background-color:#0035a0;}

/*search*/
.search{ color:#ffffff; line-height:56px; height:56px; background:#0035a0;}
.search2{  width:248px; height:28px; float:right; margin-top:14px; margin-right:25px; border:1px solid #fff;}
.search2 input{ margin:0; color:#fff; text-indent:1em; line-height:28px;border:0; }
.search2 .keywords{width:218px; height:28px; float:left;border:0; background-color:#0035a0;}
.search2 .button{ background:url(../images/search.png) no-repeat; background-position:left center; width:30px; height:28px; border:0; float:left; padding:0; background-color:#0035a0;}
.search p{ padding-left:30px;line-height:56px;}
.search p a{ color:#fff; padding:0 20px;}

/*products*/
.products{height:760px;background:url(../images/probg.jpg)no-repeat;width: 100%}
.products h1{font-size: 18px;font-weight: 500;text-transform: uppercase;padding-top: 50px;color: #424242}
.products h2{font-size: 34px;font-weight: 800;color: #0035a0}
.promain{width: 1200px;margin-top: 20px}
.promain li{width: 390px;float: left;margin-right: 10px;margin-bottom:10px;height: 293px;position: relative}
.promain li a{width: 390px;display: block;float: left;height: 293px}
.promain li:hover a{color: #fff}
.promain li img{width: 390px;height: 293px;float: left}
.promain li p{position: absolute;top:0}
.promain li:hover p{height: 293px;float: left;width: 390px;background: rgba(81,81,81,0.59)}
.promain li p em{display: none}
.promain li:hover p em{line-height: 293px;text-align: center;width: 390px;display: block}

/*advantage*/
.advantage{height:680px;background:url(../images/advantagebg.jpg)no-repeat;width: 100%;margin-top: 30px}
.advantage ul{position: relative;}
.advantage h1{font-size: 18px;font-weight: 500;text-transform: uppercase;color: #424242}
.advantage h2{font-size: 34px;font-weight: 800;color: #0035a0}
.advantage ul{width: 1200px;float: left;height: 250px}
.bg1{width: 300px;height: 250px;position: relative;float: left;background:url(../images/01.jpg)no-repeat;display: block}
.bg2{width: 300px;height: 250px;position: relative;float: left;background:url(../images/02.jpg)no-repeat;display: block}
.bg3{width: 300px;height: 250px;position: relative;float: left;background:url(../images/03.jpg)no-repeat;display: block;margin-top: 60px}
.bg4{width: 300px;height: 250px;position: relative;float: left;background:url(../images/04.jpg)no-repeat;display: block;margin-top: 60px}
.advantage li i{top:105px;left: 160px;position: absolute}
.advantage li em{text-align: center;width: 270px;margin: auto;display: block;padding-top:140px;font-size: 12px;line-height: 18px}
.img1{float: left;position: absolute;left: 600px;top:-86px}
.img2{float: left}
.bg3 i{color: #7392df}
.bg3 em{color: #fff}
.bg4 i{color: #7392df}
.bg4 em{color: #fff}

/*aboutus*/
.aboutus{height:430px}
.aboutus img{width: 50%;float: left;padding-top: 30px}
.aboutus ul{width: 45%;float: right}
.aboutus h1{font-size: 18px;font-weight: 500;text-transform: uppercase;color: #424242}
.aboutus h2{font-size: 34px;font-weight: 800;color: #0035a0}
.aboutus p{line-height: 36px}

/*about2*/
.about2{height:150px;background:url(../images/ab.jpg)no-repeat;}
.left{width: 600px;float: left;background:url(../images/jiantou.jpg)no-repeat;height: 150px}
.left i{width: 600px;text-align: center;color: #fff;display: block;font-size: 18px;line-height: 30px;padding-top: 55px}
.left em{width: 600px;text-align: center;color: #fff;display: block;text-transform: uppercase;font-size: 12px}
.right{width: 600px;float: left;background:#e7e3e2;height: 150px}
.right li{width: 150px;float: left;height: 150px}
.right li:hover{width: 150px;float: left;height: 150px;background: #f2f2f2}
.right li img{padding-top: 20px}
.right li i{width: 150px;text-align: center;display: block}

/*news*/
.news{margin-top: 30px;height:560px}
.title3{background: url(../images/titlebg2.png) no-repeat;height: 85px;}
.title3 h1{font-size: 18px;font-weight: 500;text-transform: uppercase;width:100%;text-align: center;color: #424242}
.title3 h2{font-size: 34px;font-weight: 800;color: #0035a0;text-align: center;width:100%;}

.slide-links {margin-top: 0;text-align: center;}
.slide-links a {background-color: #0035a0;color: #ffffff;display: inline-block;margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 1.428571429;text-align: center;white-space: nowrap;vertical-align: middle;cursor: pointer;outline: none;padding: 15px 30px;border-radius: 5px;}
.slide-links a:hover {background: #424242;}
.slide-item-body ul li {width:280px;height: 325px;float: left;display: block;border: none;border-radius: 8px;transition: all 0.3s ease;color: #000;background-color: #f8f8f8;margin-right: 20px}
.slide-item-body ul li a {display: block;padding:20px}
.slide-item {width: 1200px;position: relative;margin: 0 auto;height: 400px}
.slide-item-box {padding: 50px 0;}
.slide-item-body h1{font-size: 18px;line-height:60px}
.new-body:hover h1{color: #0035a0}
.newsmain{color: #8a8a8a;line-height: 25px;height:80px;padding-bottom: 15px}
.more{width: 30px;height: 30px;background: url(../images/more2.png) no-repeat;display: block}
.more:hover{background: url(../images/more.png) no-repeat;}

.new-body-title {line-height:40px;font-size: 16px;color: #616161;font-weight: 500;text-indent: 5px}
.new-body-heng{width:100px;height: 1px;background-color:#616161;display: block;}
.new-body-text {line-height: 40px;font-size: 16px;color: #616161;font-weight: 500;text-indent: 5px}

.slide-item-body ul li:hover {-ms-transform: translateY(-10px);-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-o-transform: translateY(-10px);
transform: translateY(-10px);z-index: 1002;position: relative;left: 0;}
.next {position: absolute;top: 49%;z-index: 10;cursor: pointer;-moz-background-size: 60px;-webkit-background-size: 60px;background-size: 60px;background-position: center;background-repeat: no-repeat;right: auto;left: -87px;height: 60px;width: 60px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.next-bg {background-image: url("../images/btn-fl1.png");}
.next:hover {background-image: url("../images/btn-fl2.png");}
.prev {position: absolute;top: 49%;z-index: 10;cursor: pointer;-moz-background-size: 60px;-webkit-background-size: 60px;background-size: 60px;background-position: center;background-repeat: no-repeat;right: -87px;height: 60px;width: 60px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.prev-bg {background-image: url("../images/btn-fr1.png");}
.prev-bg:hover {background-image: url("../images/btn-fr2.png");}


.yyui_tab{ }
.yyui_tab > ul{}
.yyui_tab_title{line-height:38px;height:38px; color:#000000;cursor:pointer; display:inline-block;font-size:14px;width: 115px;background-color:#e0e0e0;text-align: center}
.yyui_tab_title_this{line-height:38px;height:38px; color:#fff;cursor:pointer; display:inline-block;font-size:14px;width: 115px;background-color:#0035a0;text-align: center}
.yyui_tab > .yyui_tab_content{ margin-top:-1px; display:none;padding:10px; border-top:1px solid #e6e6e6;padding-top: 20px;font-size:14px;}
.yyui_tab > .yyui_tab_content a{padding:10px;padding-top: 20px;font-size:14px;}
.yyui_tab > .yyui_tab_content_this{margin-top:-1px;  display:block; padding:10px; border-top:1px solid #e6e6e6;padding-top: 20px;font-size:14px;}
.yyui_tab > .yyui_tab_content_this a{ padding:10px;padding-top: 20px;font-size:14px;}

/*footer*/
.footbg{ width:100%; height:510px; display:block; background-color:#0035a0}
.foot{ padding-top:60px;height:370px}
.foot_logo{background:url(../images/foot_logo.png) no-repeat; width:450px; height:240px; float:left; color:#fff;float:left;}
.foot_logo dl{ padding-top:80px;}
.foot_logo dl dt{ width:150px;float:left; margin-top:20px;}
.foot_logo dl dt a{ color:#fff; font-size:14px;font-weight:normal}
.foot_logo dl dt a:hover{ color:#000;}

.foot_contact{ width:320px;float:left; padding-left:30px;background:url(../images/foot_contact.png) no-repeat; height:360px; margin-left:60px;}
.foot_contact h1{display:block;font-size:22px; color:#fff;font-weight:bold;padding-bottom:25px}
.foot_contact p{display:block;font-size:14px; color:#fff;line-height:45px;padding-left:30px}

.foot_service{ float:right; padding-left:30px;background:url(../images/foot_service.png) no-repeat; height:260px; }
.foot_service h1{display:block;font-size:22px; color:#fff;font-weight:bold;}
.foot_service i{display:block;font-size:23px; color:#fff; padding-top:90px; padding-left:50px;}
.foot_service span{display:block;font-size:12px; color:#fff; padding-left:50px;}
.foot_service a{display: block; width:150px; height:40px;background-color:#fff;font-size: 15px;margin-top:45px; color:#0035a0;text-align: center;line-height: 40px}
.foot_service a:hover{background-color:#0035a0;border: 1px solid #ffffff;color:#fff;}

.border{width: 1200px;height: 1px;background: #fff}
.footbg p{line-height:43px;color: #fff}
.copyright i{color: #fff;float: left}
.copyright a{float: right;color: #fff}

/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#0035a0 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#0035a0 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#0035a0 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#0035a0 url(../images/fixCont.png) no-repeat 0 -169px;}
.yb_ercode img{ width:100px; height:100px; padding:10px; background:#fff;}
.hd_qr{ margin-left:30px; margin-top:8px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}

.yb_bar .yb_top:hover{background:#272727 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone:hover{background:#272727 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ:hover{text-indent:0;background:#272727 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode:hover{background:#272727 url(../images/fixCont.png) no-repeat 0 -169px;}

/*内页*/
.nbanner{ width:100%; height:250px; background:url(../images/nbanner.jpg) no-repeat center #a0b5c5;}

.locabg{ width:100%; height:72px; background:url(../images/locabg.gif) no-repeat center;}
.title{ width:1200px; height:72px; padding:0px; margin:0 auto;}

.location{ width:auto;  height:72px; line-height:72px; text-align:left; float:left; color:#555; font-size:14px; background:url(../images/home.png) no-repeat left center; padding-left:25px; }
.location a{ color:#555;}
.location a:hover{ color:#0035a0; text-decoration:none;}


.toplist { width:auto; height:72px; padding:0px; margin:0px; float:right;}
.toplist dl{ margin:0; padding:0; list-style:none;}
.toplist dl dt{  margin:0; padding:0; height:72px; line-height:72px; float:left;}
.toplist dl dt a{ display:block;line-height:72px; color:#555; font-size:14px; text-align:center;padding-left: 20px;padding-right: 20px;}
.toplist dl dt a:hover{background:#0035a0; color:#fff;}
.toplist dl dt.current{background:#0035a0; }
.toplist dl dt.current a{ color:#FFF}

.main{ margin:0 auto; padding:0; width:1200px; height:auto; overflow:hidden; margin-top:20px; margin-bottom:50px;}
.content{ width:1200px; margin:0 auto; padding:0; line-height:22px; padding:12px 0; height:auto; height:1%; overflow:hidden; color:#666d75;}

/*product*/
.fang_product_l{width:200px; float:left;}
.fang_product_l ul{}
.fang_product_l ul li{ border:1px solid #ededed; padding:5px; margin-bottom:10px;}
.fang_product_l ul li a{ display:block; line-height:45px;  font-size:15px;  background:#555; padding-left:25px; color:#fff;}
.fang_product_l ul li a:hover{color:#fff;}
.fang_product_l ul li ul{}
.fang_product_l ul li ul li{border:none;padding:0px;margin-bottom:0px; background:#eee;}
.fang_product_l ul li ul li a{line-height:40px; border-bottom:1px solid #fff; background:#eee; background-image:none; padding:0; font-size:13px; padding-left:25px; color:#555;}
.fang_product_l ul li ul li:hover a{ display:block; background:#0035a0;}
.fang_product_l ul li ul li:hover a{ color:#fff;}

.picScroll{ width:980px; height:auto; float:right;}
.picScroll dl{ width:300px; height:280px; border:2px solid #efefef; background:#efefef; margin:0px 20px 20px 0; float:left;display:block;}
.picScroll dl dt{ width:260px; height:230px;padding:18px;}
.picScroll dl dt img{display:block; width:260px; height:194px; }
.picScroll dl dt em{display: block; color: #333; font-size: 14px; text-align:center; padding-top:25px;}
.picScroll dl:hover{ border:2px solid #0035a0;}
.picScroll dl:first-child+dl+dl{ margin-right:0;}

.pro_ul li{ width:365px; height:330px; border:2px solid #efefef; background:#efefef; margin:8px 30px 30px 0px; float:left;display:block;}
.pro_ul li a{ display:block; width:320px; height:280px;padding:20px;}
.pro_ul li a img{display:block; width:320px; height:232px;}
.pro_ul li a em{display: block; color: #333; font-size: 14px; text-align:center; padding-top:25px;}
.pro_ul li:hover{ border:2px solid #0035a0;}
.pro_ul li:first-child+dl+dl{ margin-right:0;}

/*分页*/
.page {text-align:center; margin:0px auto; padding:0px; width:auto; padding-right: 7px; height: 35px; padding-top: 50px; }
.page a{ border:1px solid #ccc; color: #555; height:26px; line-height:26px; padding:6px 8px;margin:0 2px; text-decoration:none; }
.page a:hover {background:#0035a0; color: #fff; height:26px; line-height:26px; padding:6px 8px;margin:0 2px;text-decoration:none;}
.page span{ display:inline; background: #333; color: #d1d1d1; font-size:12px;height:26px; line-height:26px; padding:6px 6px;margin:0px 5px; }

/*pronei*/
.prorig{width: 980px;float: right}
.product_fangda{ float:left; width:500px;}
.details{ margin-top:30px;width:980px;float: right;margin-bottom: 30px}
.pro_ri{ float:right; width:400px; height:410px; background:#f8f8f8; padding:20px 30px;}
.pro_ri h4{ font-size:20px; color:#555; line-height:50px;}
.pro_ri .pro_des{ width:100%; border-top:1px dashed #ddd;  border-bottom:1px dashed #ddd; height:280px; overflow:hidden; padding-top:20px;}
.pro_ri .more{ width:150px; height:40px; background:#424242; text-align:center; margin-top:20px;}
.pro_ri .more a{ color:#fff; line-height:40px; display:block;}
.pro_ri .more:hover{ background:#0035a0;}

/*网站地图*/
.sitemap{ height:38px; line-height:38px;width:100%; float:left; padding:0px; margin:0px auto; margin-bottom:10px; background: #ededed; margin-top:20px; margin-bottom:20px;}
.sitemap span{ width:250px; height:38px; line-height:38px; font-size:15px;color:#fff; text-align:left;float:left; background: #0035a0; padding-left:15px;}
.sitemap span b{color:#fff; font-size:12px;text-transform:uppercase}
.sitemap p{ color:#333;}

/*relation*/
.relation{line-height:20px;margin-bottom:10px; color:#999;width:100%; float:left; }
.relation a{line-height:30px; display:block;}
.relation a:hover{color:#0035a0}

.relation span{line-height: 30px;height: 30px;border-bottom-width: 2px;border-bottom-style: solid;display: block;border-bottom-color: #666;}
.relation span em{background-color: #666;display: block;width: 85px;padding-right: 10px;padding-left: 10px;color: #FFF;border-radius:5px 5px 0px 0px;}
.relation span em a{ color:#ffffff;}

/*news*/
.inewboxs{ margin:0 auto; padding:0; width:100%; height:auto; font-family:Arial, Helvetica, sans-serif;}
.inewboxs dl{width:100%; height:100px; margin:40px 0px 15px 0;}
.inewboxs dl dt{display:block; width:120px; height:100px; background:#f3f3f3; float:left; font-size:12px; color:#999; line-height:40px; text-align:center; font-family: Arial, Helvetica, sans-serif;}
.inewboxs dl dt em{display:block; height:60px; line-height:60px; font-size:35px; color:#fff; background:#0035a0; font-family: baskerville, georgia, arial, serif;}
.inewboxs dl dd{display:block; height:100px; line-height:24px; margin-left:150px; color:#888; border-bottom:1px dashed #ddd;}
.inewboxs dl dd a{font-size:15px; color:#333; font-weight:bold; display:block; margin-bottom:10px}
.inewboxs dl dd a:hover{ color:#0035a0;}

.ih6{text-align: right;padding-bottom: 20px;border-bottom: 1px dashed #ededed;margin-bottom:20px;}
.ih6 h3{ font-size:21px;color:#333; font-weight:bold; text-align:center;padding:10px 0; padding-bottom:15px; margin:0;}
.next {text-align:right; margin-bottom:20px;padding:8px 0px; height: 32px; line-height:32px;}
.next a{height:32px; line-height:32px; text-decoration:none; color:#333; margin-right:20px;}
.next a:hover { text-decoration:none; color:#0035a0;}

/**ieve**/
.ieves{margin:0px;  padding:0; width:100%;  height:auto; overflow:hidden;}
.ieves ul{margin:0;padding:0px;text-align:left; }
.ieves li{line-height:32px; height:32px;  overflow:hidden; border-bottom:1px dashed #d2d1d1; background:url(../images/inewli.gif) no-repeat left center; padding-left:10px;}
.ieves li span{text-align:right; float:right; color:#727272; font-size:12px;}
.ieves li a{float:left; text-align:left;line-height:32px; height:32px; text-decoration:none; color:#444;}
.ieves li a:hover{ color:#0035a0;}

/*honor*/
.honorlist {width:1200px; overflow:hidden; text-align:center; line-height:30px;}
.honorlist li{float:left; margin:0 10px 0 0; display:inline; overflow:hidden; position:relative;margin-bottom:15px;background-image:url(../images/list_bg.png); background-repeat:no-repeat; background-position:center 420px; }
.honorlist li .imgs{ width:290px; height:218px;  }
.honorlist li .imgs img{ width:290px; height:218px; display:block;}
.tit{font-size:14px; line-height:30px; display:block;}