@charset "utf-8";
@font-face {font-family:'font01';src: url('../Montserrat-Black-2.otf');}
/* CSS Document */
* {padding: 0px;margin: 0px;}
ul,li{list-style:none;}
em,i{font-style: normal}
a{ text-decoration:none;color: #424242;font-size: 14px}
body{background-position:0 0; background-repeat:no-repeat; background-position:center top;background: #f3f3f6}
.tong{width: 1200px;margin-left: auto;margin-right: auto}

/*topnav*/
.topnav{height: 150px;position: relative;z-index:9999999;}
.logo{float: left}
.topnav h1{float: left;width:500px;}
.topnav h1 em{float: left;color: #575757;font-size: 40px;font-weight: bold;letter-spacing:3px;padding-top:30px}
.topnav h1 i{float: left;font-size:14px;font-weight: 100;letter-spacing:0}
.topnav ul{width:700px;float: right;position: relative;z-index:9999999;}
.topnav ul li {float:left;position:relative;width:16%;line-height: 80px;margin-top: 30px}
.topnav ul li a{width: 100%;text-align: center;display: block}
.topnav ul li:hover,.topnav ul li.current{border-bottom: 5px #002eb8 solid}
.topnav ul li:hover a{color: #002eb8}
.topnav ul li ul {display: none;width: 100%}
.topnav ul li:hover ul {display:block;position:absolute; left:-20px; background-color:#002eb8;width: 150%}
.topnav ul li:hover ul li { display:block; color:#fff;width: 100%;border-top:1px dotted #fff;line-height:70px;border-bottom: none;height:70px;margin: 0}
.topnav ul li:hover ul li:first-child {border:none}
.topnav ul li:hover ul li:hover{ border-top:1px dotted #333;background:#333;border-bottom: none}
.topnav ul li:hover ul li a{ color: #fff}
.topnav ul li:hover ul li ul { display: none;top:0px;}

/*banner*/
.banner {width: 100%;height: 700px;overflow: hidden;position: relative;}
.banner_img {width: 100%;height: 700px;position: absolute;left: 0;top: 0;}
.banner_img li {width: 100%;height: 700px;display: inline-block;background-position: center;background-repeat: no-repeat;float: left;list-style: none;}
.banner_list {height: 50px;top:650px;position: relative;margin: 0 auto;z-index: 1;}
.banner_list span {display: block;cursor: pointer;width: 10px;height: 10px;border-radius: 50%;border: 3px solid #fff;float: left;margin: 0 5px;}
.banner_list .spcss {border: 3px solid #002eb8;}
.banner_left {position: absolute;height: 90px;width: 60px;top: 50%;left: -60px;background-color: rgba(73,72,62, 0.6);margin-top: -45px;text-align: center;transition: all .5s;z-index: 2;}
.banner_left:hover {background-color:rgba(3,102,221,0.72)}
.banner_right {position: absolute;height: 90px;width: 60px;top: 50%;right: -60px;background-color: rgba(73,72,62, 0.6);margin-top: -45px;text-align: center;transition: all .5s;z-index: 2;}
.banner_right:hover {background-color:rgba(3,102,221,0.72)}
.banner_left img {margin-top: 22px;}
.banner_right img {margin-top: 22px;}

/*about*/
.aboutus{height: 370px}
.aboutleft{background:url(../images/float.jpg) no-repeat center;width: 300px;height: 530px;position: absolute;top:690px}
.aboutleft h1{color: #fff;text-align: center;font-size: 32px;font-weight: 100;letter-spacing: 7px;padding-top:65px}
.aboutleft h2{color: #fff;text-align: center;font-size: 12px;font-weight: 100;text-transform: uppercase}
.aboutleft p{margin:30px;color: #fff;line-height: 25px;font-size: 10px;text-align: center;border-bottom: 1px solid #fff;width: 240px;padding-bottom: 30px}
.aboutleft em{text-align: center;color: #fff;width: 100%;display: block}
.aboutleft em i{font-size: 48px;font-weight: bold}
.aboutleft li{text-align: center;color: #fff;width: 100%;display: block;height: 40px;margin-top: 30px}
.aboutleft li a{color: #fff;width: 200px;margin: auto;height: 40px;line-height: 40px;border: 1px solid #fff;display: block}
.aboutleft li:hover a{background: #fff;color: #424242}

.aboutright{width: 850px;float: right}
.title1{width: 100%;position: relative;margin-top: 50px;margin-bottom: 30px}
.title1 h1{color: #e2e2e2;font-size: 60px;font-weight: 100;font-family: 'font01'}
.title1 h2{color: #012fb8;font-size: 30px;font-weight:1000;position: absolute;top:30px;left: 50px}
.aboutright p{color: #6b6b6b;line-height: 30px;font-size: 14px}

/*products*/
.products{margin-top: 30px;height:900px}
.fenlei{width: 260px;float: left;background: #fff;height: 750px;}
.fenlei ul{margin-top: 30px;width: 185px;margin-left: auto;margin-right: auto;margin-bottom: 30px;}
.fenlei>ul{height: 535px}
.fenlei ul li a{color: #343435;font-size: 16px;line-height: 50px;height: 50px;float: left;width: 100%;display: block;padding-left: 5px}
.fenlei>ul>li:hover>a{background: #012fb8;color: #fff}
.fenlei ul li ul{margin-top: 0}
.fenlei ul li ul li a{padding-left: 30px;width: 160px;}
.fenlei ul li ul li:hover a{border-bottom: 1px dotted #012fb8}
.fenlei p{width: 260px;height: 155px;background:#012fb8;float: left }
.fenlei p i{color: #fff;line-height: 40px;width: 240px;padding: 0 10px;float: left;font-size: 15px;display: block}
.fenlei p i img{float: left}
.fenlei p i:first-child{margin-top: 20px}

.promain li{width:305px;height: 245px;float: left;position: relative;margin-left:8px;margin-bottom: 8px}
.promain li p{display: none;bottom: 20px;position: absolute}
.promain li p i{font-size: 16px;height: 50px;color: #fff;display: block;float: left;display: block;padding: 0 15px;line-height: 50px;}
.promain li p em{font-size: 15px;height:20px;float: right;color: #fff;padding: 0 15px;margin-top:15px;border-left: 1px solid #fff;}
.promain li img{width:305px;height: 245px;float: left}
.promain li:hover p{display:table-cell; width: 290px;height: 50px;background: rgba(0,0,0,0.51);margin-left: 7px;border-radius: 15px}
.promain li:hover{box-shadow: -10px 10px 5px rgba(142,142,142,0.14);}

/*advantages*/
.advantages{background:url(../images/advbg.png) no-repeat center;height: 718px}
.title2{width:720px;position: relative;padding-top: 50px;float: right;height:180px}
.title2 h1{width:100%;color: #012697;font-size: 65px;font-weight:100;text-transform: uppercase;text-align: left;font-family: 'font01'}
.title2 h2{width:100%;color: #fff;font-size: 35px;font-weight:500;position: absolute;top:90px;left: 50px;text-align: left;letter-spacing: 5px}
.advantages p{width:580px;color: #fff;line-height: 40px;padding:70px 100px 30px 100px;float: right;font-size: 16px;text-indent: 20px}
.advantages ul{width: 850px;float: right}
.advantages ul li{width:170px;float: left}
.advantages ul li img{width:170px;float: left}
.advantages ul li em{font-size: 18px;color: #fff;width: 100%;text-align: center;display: block;font-weight: bold;line-height:30px;float: left}
.advantages ul li i{font-size: 8px;color: #fff;width: 100%;text-align: center;display: block;font-weight:100;text-transform: uppercase;float: left}
.advantages h3{width:720px;float: right;color: #fff;font-size:24px;text-transform: uppercase;margin-top:80px}

/*advantages2*/
.advantages2{margin-top: 30px}
.adv1{background:url(../images/adv2-1bg.png) no-repeat center;height: 360px}
.adv1 li{background:url(../images/advtit1.png) no-repeat center;height:120px;width: 600px;float: left}
.adv1 li h1{color: #012fb8;font-size: 30px;font-weight: 600;float: left;margin-left:60px;margin-top: 20px}
.adv1 li h2{color: #999999;font-size: 13px;font-weight: 100;float: left;margin-left:60px;text-transform: uppercase;letter-spacing:1.6px;line-height: 30px;border-bottom: 1px dotted #012fb8}
.adv1 p{width:550px;float: left;font-size: 14px;line-height: 30px;color: #5d5d5d;text-indent: 20px;padding: 20px 50px 0 20px}

.adv2{background:url(../images/adv2-2bg.png) no-repeat center;height: 360px}
.adv2 li{background:url(../images/advtit2.png) no-repeat center;height:120px;width: 600px;float: right;margin-top: 30px}
.adv2 li h1{color: #012fb8;font-size: 30px;font-weight: 600;float: right;margin-right:80px;margin-top: 20px}
.adv2 li h2{color: #999999;font-size: 13px;font-weight: 100;float: right;margin-right:80px;text-transform: uppercase;line-height: 30px;border-bottom: 1px dotted #012fb8}
.adv2 p{width:550px;float: right;font-size: 14px;line-height: 30px;color: #5d5d5d;text-indent: 20px;padding: 20px 20px 0 50px}

.adv3{background:url(../images/adv2-3bg.png) no-repeat center;height: 300px}
.adv3 li{background:url(../images/advtit3.png) no-repeat center;height:120px;width: 600px;float: left;margin-top: 30px}
.adv3 li h1{color: #012fb8;font-size: 30px;font-weight: 600;float: left;margin-left:80px;margin-top: 20px}
.adv3 li h2{color: #999999;font-size: 13px;font-weight: 100;float: left;margin-left:80px;text-transform: uppercase;line-height: 30px;border-bottom: 1px dotted #012fb8}
.adv3 p{width:550px;float: left;font-size: 14px;line-height: 30px;color: #5d5d5d;text-indent: 20px;padding: 20px 50px 0 20px}

.adv4{background:url(../images/adv2-4bg.png) no-repeat center;height: 360px}
.adv4 li{background:url(../images/advtit4.png) no-repeat center;height:120px;width: 600px;float: right;margin-top:50px}
.adv4 li h1{color: #012fb8;font-size: 30px;font-weight: 600;float: right;margin-right:80px;margin-top: 20px}
.adv4 li h2{color: #999999;font-size: 13px;font-weight: 100;float: right;margin-right:80px;text-transform: uppercase;line-height: 30px;border-bottom: 1px dotted #012fb8;letter-spacing:0.3px;}
.adv4 p{width:550px;float: right;font-size: 14px;line-height: 30px;color: #5d5d5d;text-indent: 20px;padding: 20px 20px 0 50px}

/*news*/
.news{background:url(../images/newsbg.png) no-repeat center;height:570px }
.title3{width:409px;background:url(../images/title3.jpg) no-repeat center;float: left;height: 500px;position: relative;margin-top: 30px}
.title3 h1{width:100%;color: #4b78ff;font-size: 65px;font-weight:900;text-transform: uppercase;text-align: left;margin-left: 30px;margin-top: 30px;font-family: 'font01'}
.title3 h2{width:100%;color: #fff;font-size: 30px;font-weight:900;position: absolute;top:80px;left: 30px;text-align: left;letter-spacing: 5px}
.title3 h3{color: #fff;font-size:16px;font-weight:100;margin-left: 30px;}
.newsmain{width: 750px;float: left;margin-top: 150px}
.newsmain li{width: 46%;float: left;position: relative;height: 200px;margin-left:30px}
.newsmain li h1{font-size: 20px;font-weight: bold;color: #767676;top:0;position: absolute;transition-duration: 0.5s}
.newsmain li em{font-size: 16px;font-weight:normal;color: #767676;line-height:40px;top:30px;position: absolute;transition-duration: 0.5s}
.newsmain li em i{font-size: 14px;margin-left: 10px;}
.newsmain li p{font-size: 14px;line-height:25px;color: #686868;top:70px;position: absolute;transition-duration: 0.5s}
.newsmain li:hover h1{top:100px;position: absolute;transition-duration: 0.5s;color: #012fb8}
.newsmain li:hover em{top:0px;position: absolute;transition-duration: 0.5s;}
.newsmain li:hover p{top:40px;position: absolute;transition-duration: 0.5s;}

/*friendlink*/
.yyui_tab{margin-bottom: 20px }
.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:#012fb8;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;}

/*bottom*/
.bottom{width: 100%;height: 470px;background: #012fb8}
.bottom2{border-bottom: 1px solid #fff;height: 399px}
.bottom2 ul{width: 400px;float: left;display: block;height:399px}
.bottom2 ul:first-child{background:url(../images/bottom1.png) no-repeat center}
.bottom2 ul:first-child h1{color: #fff;text-align: center;font-size: 30px;line-height: 50px;padding-top: 260px;font-weight:600;letter-spacing: 2px}
.bottom2 ul:first-child h2{color: #fff;text-align: center;font-size: 11px;font-weight: 100}

.bottom2 ul:first-child+ul h1{color: #fff;text-align: left;font-size:30px;padding-top:40px;font-weight:600;text-transform: uppercase;line-height: 70px}
.bottom2 ul:first-child+ul p{width: 100px;height: 3px;background: #fff}
.bottom2 ul:first-child+ul i{line-height:47px;color: #fff;padding-top:20px;font-size: 14px;display: block;background:url(../images/libg.png) no-repeat center;height: 250px;padding-left: 30px}

.bottom2 ul:first-child+ul+ul h1{color: #fff;text-align: left;font-size:30px;padding-top:40px;font-weight:600;text-transform: uppercase;line-height: 70px}
.bottom2 ul:first-child+ul+ul p{width: 100px;height: 3px;background: #fff}
.bottom2 ul:first-child+ul+ul h2{background:url(../images/bottel.png) no-repeat center;padding-left: 50px;color: #fff;height: 50px;line-height: 50px;margin-top: 20px;font-size: 18px;letter-spacing: 10px;font-weight: 100}
.bottom2 ul:first-child+ul+ul h3{font-size: 33px;font-weight:900;font-weight: 900;letter-spacing:5px;color: #fff;margin-top: 20px;}

.copyright i{color: #fff;float: left;font-size: 14px;line-height: 70px}
.copyright a{color: #fff;float: right;margin-left: 15px;font-size: 14px;line-height: 70px}

/*固定的悬浮窗*/
.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:#012fb8 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#012fb8 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#012fb8 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#012fb8 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:#4b78ff url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone:hover{background:#4b78ff url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ:hover{text-indent:0;background:#4b78ff url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode:hover{background:#4b78ff url(../images/fixCont.png) no-repeat 0 -169px;}

/*内页*/
.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; width:130px; height:72px; line-height:72px; float:left; background:url(../images/menuline.gif) no-repeat right center;}
.toplist dl dt a{ display:block;line-height:72px; color:#555;font-size:14px; text-align:center}
.toplist dl dt a:hover{background:#012fb8; color:#fff;}
.toplist dl dt.current{background:#012fb8; }
.toplist dl dt.current a{ color:#FFF}

.content{ width:1200px; margin:0 auto; padding:0; line-height:22px; padding:30px 0; height:auto; overflow:hidden; color:#666d75;min-height: 600px}
.nbanner{ width:100%; height:350px; background:url(../images/nbanner.jpg) no-repeat center #a0b5c5;}
.maintopbg{ margin:0 auto; padding:0; width:1200px;}
.maintop{ margin:0 auto; padding:0; width:1200px; height:150px; margin-top:-50px;}
.main{ margin:0 auto; padding:0; width:1200px; height:auto; overflow:hidden; margin-top:20px; margin-bottom:50px;}
.mains{ width:100%; padding-top:20px; padding-bottom:50px; height:auto; background:#f7f7f7;}
h5{ font-size:16px; color:#333; display:block; height:40px; line-height:40px; background:#eee; color:#333; padding-left:20px; margin-bottom:20px;}

.locabg{ width:100%; height:72px;background: #fff;box-shadow:0px 10px 10px rgba(142,142,142,0.14);}
.title{ width:1200px; height:120px; padding:0px; margin:0 auto;}
.title span{width:104px; height:120px; display:block;float:left; background-color:#012fb8;color:#fff;padding:10px; font-size:20px; text-align:center;margin-top: -68px}
.title span em{display: block;font-style: normal;font-size: 27px;text-align: center;height: 27px;margin-bottom: 10px;text-transform: uppercase;margin-top:20px;}
.title span i{display: block;font-style: normal;font-size: 12px;text-transform: uppercase;line-height:30px;}

.leaderboard {border-radius: 10px;width:250px; float:left; text-align:center; }
.leaderboard dl {list-style: none;}
.leaderboard dl dt {z-index: 1;counter-increment: leaderboard;color:#fff; background-color:#012fb8;display:block; margin-top:3px;transition:0.1s;}
.leaderboard dl dt:hover{border-radius:30px;transition:0.1s;background-color:#424242;  }
.leaderboard dl dt a {margin: 0;background: none;color: #fff;line-height:55px ;font-size: 16px   }
.leaderboard dd a{ font-size: 14px;color: #fff;background-color:#4b78ff;font-weight:normal; line-height:55px;width:250px; display:block;transition:0.1s;border-top: 1px solid #fff}
.leaderboard dd a:hover{background-color:#424242;border-radius:30px;transition:0.1s; }

.product_nei{ width:950px;float:right;}
.product_nei li{width:305px;height: 245px;float: left;position: relative;margin-left:8px;margin-bottom: 8px}
.product_nei li p{display: none;bottom: 20px;position: absolute}
.product_nei li p i{font-size: 16px;height: 50px;color: #fff;display: block;float: left;display: block;padding: 0 15px;line-height: 50px;}
.product_nei li p em{font-size: 15px;height:20px;float: right;color: #fff;padding: 0 15px;margin-top:15px;border-left: 1px solid #fff;}
.product_nei li img{width:305px;height: 245px;float: left}
.product_nei li:hover p{display:table-cell; width: 290px;height: 50px;background: rgba(0,0,0,0.51);margin-left: 7px;border-radius: 15px}
.product_nei li:hover{box-shadow: -10px 10px 5px rgba(142,142,142,0.14);}

/*内页inews*/
.inew{width: 1200px;height:100%;display: block;float: left}
.inew li{width: 1200px;float: left;height: 120px;display: block}
.inew li p{width: 5px;height:22px;display: block;background-color: #012fb8;float: left;margin-top:15px}
.inew li h2{float: left;font-size: 16px;padding-left: 10px;float: left;line-height: 50px}
.inew li h3{float: left;font-size: 16px;padding-left: 10px;float: right;line-height: 50px}
.inew li i{float: left;width:1200px;line-height: 25px;color: #5d5d5d}
.inew li em{width:1200px;height: 3px;display: block;background-color: #f0f0f0;float: left;margin: 10px 0 10px 0}
.inew li:hover em{background-color: #012fb8;width: 380px;transition-duration: 0.5s}
.inew li:hover h2{color:#012fb8}
.inew li:hover p{color:#012fb8}
.inew li:hover h3{color:#012fb8}
.inew li:hover i{color:#012fb8}

/*分页*/
.page {text-align:center; margin:0px auto; padding:0px; width:auto; padding-right: 7px; height: 35px; padding-top: 50px; width:1200px;float: left}
.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:#012fb8; color: #fff; height:26px; line-height:26px; padding:6px 8px;margin:0 2px;text-decoration:none;border:1px solid #012fb8;}
.page span{ display:inline; background: #012fb8; color: #d1d1d1; font-size:12px;height:26px; line-height:26px; padding:6px 6px;margin:0px 5px; }


/*上一篇 下一篇*/
.next {text-align:right; margin:0px auto; padding:8px 0px; height: 32px; line-height:32px;}
.next a{height:32px; line-height:32px; text-decoration:none; color:#333;}
.next a:hover{ text-decoration:none; color:#012fb8;}

.ih6{ text-align:right; margin:0; }
.ih6 h1{text-align:center; line-height:40px}
.descriptions{ line-height:30px; margin-top:10px}

/*网站地图*/
.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: #012fb8; padding-left:15px;}
.sitemap span b{color:#fff; font-size:12px;text-transform:uppercase}
.sitemap p{ color:#333;}

/**ieve**/
.ieves{margin:0px;  padding:0; width:100%;  height:auto; overflow:hidden; float:left; }
.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:#012fb8;}

*html .ieves li{line-height:26px; height:26px;  overflow:hidden; border-bottom:1px dashed #d2d1d1;background:url(../images/inewli.gif) no-repeat left center; padding-left:10px;}/**ie6下的兼容性**/
*html .ieves li a{float:left; text-align:left;line-height:26px; height:26px; text-decoration:none; color:#555;}
/**ie6下的兼容性**/
*+html .ieves li{line-height:26px; height:26px;  overflow:hidden; border-bottom:1px dashed #d2d1d1;background:url(../images/inewli.gif) no-repeat left center; padding-left:10px;}/**ie7下的兼容性**/
*+html .ieves li a{float:left; text-align:left;line-height:26px; height:26px; text-decoration:none; color:#555;}
/**ie7下的兼容性**/
.productsbot{}
.productsbot li{width:295px;height: 237px;float: left;position: relative;margin-left:5px;}
.productsbot li:nth-child(1){margin-left:0;}
.productsbot li p{display: none;bottom: 20px;position: absolute}
.productsbot li p i{font-size: 16px;height: 50px;color: #fff;display: block;float: left;display: block;padding: 0 15px;line-height: 50px;}
.productsbot li p em{font-size: 15px;height:20px;float: right;color: #fff;padding: 0 15px;margin-top:15px;border-left: 1px solid #fff;}
.productsbot li img{width:295px;height: 237px;float: left}
.productsbot li:hover p{display:table-cell; width: 280px;height: 50px;background: rgba(0,0,0,0.51);margin-left: 7px;border-radius: 15px}
.productsbot li:hover{box-shadow: -10px 10px 5px rgba(142,142,142,0.14);}

.main-content{ width:1200px;background:url(../images/kf.png) no-repeat left center;}
.mess{ text-align:left; color:#777; font-size:14px; margin-bottom:20px;  }
.mess b{ color:#333333; font-size:18px;}
.main-content  table{  margin-bottom:15px; font-size:14px; }
.main-content .input{ border:1px solid #ccc; padding:8px 0px; background-color:#ffffff; }
.main-content textarea{ margin:0; padding:0;background:#f9f9f9; border:1px solid #ccc;}
.submit2{background-color:#095cbc;color:#FFF;width:120px;height:40px;line-height:40px;border:0;margin-right:30px;}
.reset2{background-color:#1f2d38;color:#FFF;width:120px;height:40px;line-height:40px;border:0;}
.contact-left  p{ line-height:24px;}
.contact-left2{width:650px; float:left;margin-left:50px; color:#333333; line-height:30px; font-size:14px;}
.mess2{ text-align:left; color:#777; font-size:14px;  margin-bottom:20px;   }
.mess2 b{ color: #555;font-size: 18px;text-transform: uppercase;}


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

.relation span{
	line-height: 30px;
	height: 30px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	display: block;
	border-bottom-color: #666;
	margin-bottom: 10px;
	
}
.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;}

.pro_left{ float:left; width:600px; height:400px; background:#fff;}
.pro_left img{ display:block; width:228px; height:350px; margin:0 auto; margin-top:25px;}
.pro_right{ float:left; margin-left:40px; width:560px;}
.pro_right h3{ color:#444; line-height:40px; font-size:20px;}
.pro_right b{ display:block; font-weight: normal;}
.pro_right i{ display:block; height:200px; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; padding:20px 0; margin:20px 0; overflow:hidden;}
.pro_right a{ display:block; width:200px; height:40px; background:#1f2d38; color:#fff; line-height:40px; text-align:center;}
.pro_right a:hover{ background:#0059a5;}
.description{ text-align:left; padding:30px 0;}

.honorlist {text-align:center; line-height:30px;width:900px;float:right; display:block ;}
.honorlist li{float:left;margin-bottom:15px; background-repeat:no-repeat; margin-left:10px;}

.honorlist li .imgs{ width:280px; height:210px;  }
.honorlist li .imgs img{ width:280px; height:210px; display:block;}
.tit{font-size:14px; line-height:30px; display:block;background:url(../images/list_bg.png);}
.honorlist li:first-child+li+li+li{ margin-right:0;}

.honorlist li:first-child+li+li+li+li+li+li+li{ margin-right:0;}
.honorlist li:first-child+li+li+li+li+li+li+li+li+li+li+li{ margin-right:0;}
.honorlist li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li{ margin-right:0;}
.honorlist li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li{ margin-right:0;}
.honorlist li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li{ margin-right:0;}

.fang_honor{ margin-top:30px;}

.honorcx {width:1200px; overflow:hidden; text-align:center; line-height:30px;}
.honorcx li{float:left; margin:0 20px 0 0; display:inline; overflow:hidden; position:relative;margin-bottom:15px; background:url(../images/list_bg.png); background-repeat:no-repeat; background-position:center 211px; }
.honorcx li .imgs{ width:285px; height:214px;  }
.honorcx li .imgs img{ width:285px; height:214px; display:block;}
.tit{font-size:14px; line-height:30px; display:block;}
.honorcx li:first-child+li+li+li{ margin-right:0;}

.honorcx li:first-child+li+li+li+li+li+li+li{ margin-right:0;}
.honorcx li:first-child+li+li+li+li+li+li+li+li+li+li+li{ margin-right:0;}
.honorcx li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li{ margin-right:0;}
.honorcx li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li{ margin-right:0;}
.honorcx li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li{ margin-right:0;}



.product_fangda{ float:left; width:600px;}
.details{ margin-top:30px; float:left; width: 100%}
.pro_ri{ float:right; width:510px; 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:250px; overflow:hidden; padding-top:20px;}
.pro_ri .more{ width:150px; height:40px; background:#012fb8; text-align:center; margin-top:20px;}
.pro_ri .more a{ color:#fff; line-height:40px; display:block;}
.pro_ri .more:hover{ background:#0083f3;}

.fudong_yr_mess{ width:240px; height:340px; background:#67a03b; border:1px solid #367407; padding:30px;}
.fudong_yr_mess h4{ color:#fff; font-size:18px;}
.fudong_yr_mess i{ display:block; color:#fff; font-size:12px; line-height:18px; margin-top:15px; margin-bottom:15px;}

.fudong_yr_mess form{ margin:0; padding:0; height:auto;}
.fudong_yr_mess table{ margin:0px auto; margin-top:5px; padding:0; }
.fudong_yr_mess input{ width:220px; height:30px; background:#fff; border:none;  color:#acacac; margin-bottom:15px; padding-left:20px;}
.fudong_yr_mess #names{background:url(../images/mess.gif) no-repeat left;}
.fudong_yr_mess #title{background:url(../images/mess.gif) no-repeat left;}

.fudong_yr_mess .submit{ width:240px; height:35px; background:#fff;margin:0;  padding:0; border:none; color:#333; margin-top:15px;}
.fudong_yr_mess textarea { width:240px; height:80px; font-size:12px;background:url(../images/mess2.gif) no-repeat center; border:none;}
.fudong_yr_mess .submit:hover{ background:#67a03b; border:1px solid #fff; color:#fff;}