@charset "utf-8";
/* CSS Document */
*{padding:0;margin:0;}
img{border:none;}
li{ list-style:none;}
.clear{clear:both;}
body{font-size:14px; font-family:"微软雅黑";}
a{color:#000;text-decoration:none;}
a:hover{color:#56B438;text-decoration:underline;}

#top{ background:#eeeeee; height:30px;}
#top1{ width:1200px; margin:0 auto; font-size:12px; color:#666; line-height:30px; }
#top1 span{ float:right; color:#666;}
#top1 span a{color:#666; margin:0 5px;}

#header{ height:150px; border-top:1px #336 solid;}
#header1{ width:1200px; margin:15px auto; position:relative;}
#header2{ width:285px; position:absolute; right:0px; top:15px;}
#header2 span{color:#0a76da; font-size: 20px;float: right;padding-right: 10px;font-weight: bold;position: absolute;top: 41px;left: 81px;}
#header2 p{position: absolute;top: 11px;left: 82px; font-size:16px;}

.h_nav{height:60px;overflow:hidden;  min-width:1200px; background:#0a76da;}
.h_nav ul{ width:1200px; margin:0 auto; line-height:50px;}
.h_nav li { float:left; width:120px; height:60px;overflow:hidden;}
.h_nav li a{ display:inline-block; font:16px "Microsoft Yahei"; width:111px; text-align:center; color:#fff; line-height:45px; height:60px; background:url(../images/nav1.png) no-repeat right 15px;}
.h_nav li a:hover,.h_nav .cur a  { text-decoration:none; background:url(../images/nav2.png) no-repeat center bottom;}

#full-screen-slider{width:100%;height:600px;margin:5px 0;position:relative; z-index:1; }
#slides{display:block;width:100%;height:600px;list-style:none;padding:0;margin:0;position:relative}
#slides li{display:block;width:100%;height:100%;list-style:none;padding:0;margin:0; position:absolute}
#slides li a{display:block;width:100%;height:100%;text-indent:-9999px}
#pagination{display:block;list-style:none;position:absolute;left:50%;top:570px;z-index:9900;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:#ccc;}
#pagination li a{display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current{background:#0092CE;}


.title{padding:70px 0 35px 0;text-align: center;}
.title b{font-size: 40px;color:#333;}
.title t{color:#0a76da;}
.title p{margin-top: 5px;font-size:18px;color:#999;}
.page{ margin:0 auto;width: 1300px;position: relative;}
.bg{ width: 100%; min-width: 1300px;}
.prod_sort{display: flex;flex-wrap: wrap;}
.prod_sort a{display: flex;width:31%;margin-right: 28px;}
.prod_sort a:nth-child(n+1):nth-child(-n+3){margin-bottom:25px;}
.prod_sort a:nth-child(3n){margin-right:0px;}
.prod_sort t{box-shadow: 0px 0px 11.04px 0.96px rgba(51, 51, 51, 0.15);}
.prod_sort li{display: flex;flex-direction: column;justify-content: center;align-items: center;height:165px;padding: 0 15px;background: #f8f8f8;text-align: center;position: relative;}
.prod_sort li:before{content:"";display:block;width: 100%;height: 165px;background: #0f52eb;position: absolute;top: 0;left: 0;transition: 0.3s;transform: scale(0);}
.prod_sort a:hover li:before{transform: scale(1);}
.prod_sort li *{position: relative;}
.prod_sort p{font-size: 22px;color:#333;}
.prod_sort a:hover p{color:#fff;}
.prod_sort span{margin-top: 10px;font-size:14px;line-height: 24px;color:#999;}
.prod_sort a:hover span{color:#a7c0f8;}
.prod_img{margin-top:25px;}
.prod_img ul{display: flex;justify-content: space-between;}
.prod_img ul:last-child{margin-top: 25px;}
.prod_img li{width: 306px;height: 348px;padding: 25px 25px 0 25px;background: #f5f5f5;}
.prod_img li *{display:block;}
.prod_img li>a{overflow: hidden;}
.prod_img li>a img{width: 100%;height: auto;transition: 0.3s;}
.prod_img li:hover>a img{transform: scale(1.2);}
.prod_img br{display:none;}
.prod_img span{position: relative;line-height: 65px;}
.prod_img span:before{content:">>";display:block;width: 70px;height: 30px;line-height: 30px;background: #fff;box-shadow: 0px 0px 11.04px 0.96px rgba(51, 51, 51, 0.15);font-size: 14px;color: #333;text-align: center;position: absolute;right: 0;bottom: 17px;}
.prod_img span a{font-size: 16px;color: #333;}
.prod_img li:hover span a{color:#0a76da;}



.totalwidth {width:1200px; margin:0 auto; height:auto;}
.ywenbtj{ width:100%; height:207px; background:url(../images/ggbg.jpg) center no-repeat;}
.gghkzkd{ width:640px; float:left; padding-top:61px;}
.zhgbjsw{ font-size:36px; font-weight:bold; color:#fff; height:60px;}
.hfbgbwj{ width:100px; height:3px; background:#464646;}
.pjhghzw{ font-size:18px; color:#cee7ff; padding-top:18px;}
.ggchagt{ width:240px; height:143px; float:left; padding-left:25px; padding-top:46px;}
.dhginkd{ width:243px; float:right; padding-top:50px;}
.ahgnttb{ width:28px; height:20px; float:left; padding-top:3px;}
.zhgbwkd{ font-size:18px; color:#fff; float:left; padding-left:10px;}
.shgbmdw{ font-size:32px; font-weight:bold; color:#fff; font-family:Arial, Helvetica, sans-serif; padding-top:10px; height:50px;}
.shngsbj{ width:130px; height:40px; background:#464646; font-size:16px; color:#fff; line-height:40px; text-align:center;}
.shngsbj a{ font-size:16px; color:#fff; line-height:40px; text-align:center;}


.about{ padding:60px 0px 50px 0px;background-color: #f5f5f5; margin:20px 0;}
.about .w1200{ width:1200px; margin:0 auto;height:550px;background: url(../images/gsjj.png) center no-repeat;}
.about_t{font-size:30px;letter-spacing: 2px;padding-top:16px; height:150px;}
.about_t span{display: block;font-size: 18px;letter-spacing: 0px;}
.about_nr{width:510px; padding-left:60px;}
.about_nr b{font-size:20px;}
.about_nr span{ display: block;line-height:35px;padding-top:20px; font-size:14px; text-indent:2em;}
.about_nr a{ display: block;float: left;width: 150px;height: 40px;line-height: 40px;text-align: center;background: #0a76da;margin-right: 5px;color: #fff;margin-top: 25px;font-size:14px;}
.about_nr a:hover{background: #464646;font-size:14px;}
.about_nr p{ float:left;font-size:18px;color: #fff;padding-top:54px;padding-left:20px;}

.marquee {width:1190px;height:215px;margin:0 auto;overflow:hidden;}
.marquee li{width:240px;height:200px;margin:10px;border:1px solid #ccc;display:inline;float:left;}
.marquee li a{display:block;text-align:center;font-size:12px;color:#333333;}
.marquee li a:hove{text-decoration:none;color:red;text-decoration:underline;}
.marquee li p{height:30px;line-height:30px;background:url(../images/cp-bottom.png) center top no-repeat;}
.marquee li img{width:240px;height:160px;border:none;}
.marquee li em{font-style:normal;height:24px;line-height:24px;display:block;margin-top:8px;}


.w1000{width:1000px;margin:0px auto}
.ys{position:relative}
.g_ystit { background: url(../images/ysbg.jpg) no-repeat center top; height: 135px; padding-top: 54px; }
.g_ystit h2 { text-align: center; font-size: 40px; font-weight: bold; color: #fff; }
.g_ystit h2 em { display: block; font-size: 20px; font-weight: normal; padding-top:12px;  letter-spacing:2px; }
.yback1{background:url(../images/20170606161337_1195829295.jpg) no-repeat center;height:630px}
.ys{position:relative}
.ys_01 dl{width:600px;position:absolute;top:65px;left:350px}
.ys_title{width:600px;height:101px;margin-bottom:15px}
.ys_title dt{width:76px;height:88px;background:#0a76da;position:relative;float:left}
.ys_title dt hgroup{width:51px;margin:0px auto;color:#fff;font-size:25px;font-weight:bold;padding:10px 0;border-bottom:1px solid #fff;text-align:center}
.ys_title dt h3{width:51px;margin:0px auto;color:#fff;font-size:25px;font-weight:bold;padding:10px 0;border-bottom:1px solid #fff;text-align:center;}
.ys_title dt p{width:51px;margin:0px auto;color:#fff;font-size:35px;font-weight:bold;line-height:25px;text-align:center;line-height:35px}
.ys_title dt span{border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid #3f87f4;position:absolute;top:88px;left:17px}
.ys_title dd{float:right;width:508px; line-height:41px;}
.ys_title dd hgroup{color:#0a76da;font-size:28px;line-height:43px;font-weight:bold;margin-top:8px}
.ys_title dd h3{color:#0b5bbc;font-size:28px;line-height:30px;font-weight:bold;margin-top:15px}
.ys_title dd p{color:#4a4747;font-size:16px;line-height:41px;font-weight:bold}
.ys_title dd span{background:#6b6868;width:80px;height:1px;display:block;}
.ys_back{background:url(../images/20170608114150_1389129690.png) no-repeat center;position:absolute;top:217px;height:369px;width:589px}
.ys_back a{display:block;width:450px;height:350px}

.ys_01 ul{position:absolute;top:234px;left:480px}
.ys_nr{clear:both}
.ys_nr li{display:block;clear:both;width:480px}
.ys_nr li h3{float:right;font-size:15px;line-height:30px;color:#4a4747;width:460px; font-weight:normal;}

.ys_02{position:absolute;top:40px}
.ys_02 .ys_nr h3{line-height:26px}
.ys_05 .ys_nr h3{line-height:24px}
.ys_06 .ys_nr li{width:650px}
.ys_06 .ys_nr li h3{width:630px}
.ys_03{position:absolute;top:350px}
.ys_04{position:absolute;top:50px;left:490px}
.ys_05{position:absolute;top:320px;left:490px}
.ys_06{position:absolute;top:50px}

.yback2{background:url(../images/ys01.jpg) no-repeat center;height:639px}
.yback3{background:url(../images/ys02.jpg) no-repeat center;height:574px}
.yback4{background:url(../images/ys03.jpg) no-repeat center;height:421px}





.wp {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 50px;}
.g-tit01{text-align:center}
.g-tit01 .txt-body{display:inline-block;position:relative;font-size:80px;color:#f2f2f2;font-family:DINBold;text-transform:uppercase;line-height:1.1}
.g-tit01 .txt-body h3{font-size:30px;color:#464646;position:absolute;top:50%;left:0;width:100%;text-align:center;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}

.row-index07{background-color:#fff}
.ul-tab01{overflow:hidden;text-align:center;font-size:0}
.ul-tab01 li{display:inline-block}
.ul-tab01 li a{font-size:15px;color:#464646;width:133px;height:30px;line-height:28px;border:1px solid #2098f3;border-radius:15px;display:block;font-weight:700}
.ul-tab01 li.on a{background-color:#464646;border-color:#2098f3;color:#fff;margin:0 5px}
.ul-list02{overflow:hidden;margin:38px -12px 0}
.ul-list02 li{float:left;width:25%;padding:0 12px}
.ul-list02 li .pic{position:relative;padding-top:67%;overflow:hidden;margin-bottom:9px}
.ul-list02 li .pic img{position:absolute;top:0;left:0;display:block;width:100%;height:100%}
.ul-list02 li p{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#646464}

.g-tit01.g-tit01v2.g-tit01v3{position:relative;text-align:left}
.g-tit01.g-tit01v2.g-tit01v3 .txt-body h3{text-align:center}
.g-tit01.g-tit01v2.g-tit01v3 .ul-tab01{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.item-index3{overflow:hidden}
.m-news-left{float:left;width:590px;margin-right:23px}
.m-news-left .pic img{display:block;width:100%}
.m-news-left .txt{overflow:hidden;background:#f5f5f5;padding:32px 0 25px}
.m-news-left .txt .data{float:left;width:90px;text-align:center;font-family:DINBold;border-right:1px solid #dcdcdc;margin-right:14px}
.m-news-left .txt .infos{overflow:hidden}
.m-news-left .txt .data p{font-size:48px;color:#464646;line-height:1.1}
.m-news-left .txt .data span{display:block;font-size:12px;line-height:1.1}
.m-news-left .txt h3{font-size:16px;color:#464646;margin-bottom:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m-news-left .txt .info{font-size:12px;color:#646464;line-height:1.8;height:3.6em;overflow:hidden}
.m-news-left .txt h3 a{color:#464646}
.ul-news li{overflow:hidden;overflow:hidden;background:#f5f5f5;padding:32px 0 35px;margin-bottom:22px}
.ul-news li:hover{background-color:#0a76da;}
.ul-news li:hover .infos h3 a{color:#fff}
.ul-news li:hover .data p{color:#fff}
.ul-news li:hover .data span{color:#fff}
.ul-news li:hover .infos .info{color:#fff}
.ul-news li .data{float:left;width:90px;text-align:center;font-family:DINBold;border-right:1px solid #dcdcdc;margin-right:14px}
.ul-news li .data p{font-size:48px;color:#464646;line-height:1.1}
.ul-news li .data span{display:block;font-size:12px;line-height:1.1}
.ul-news li .infos{overflow:hidden}
.ul-news li .infos h3{font-size:16px;color:#464646;margin-bottom:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ul-news li .infos .info{font-size:12px;color:#646464;line-height:1.8;height:3.6em;overflow:hidden}




#footnav{height:30px;line-height:30px;background:#464646;}
#footnav1{width:1200px;margin:0 auto;text-align:center;}
#footnav1 a{padding:2px 5px;margin:0 20px;color:#fff;}

#foot{ width:1200px; margin:0 auto;}
#foot1{width:1000px;padding:30px 0;margin:0 auto;background:url(../images/footlogo.png) left center no-repeat;float:left;}
#foot1 li{line-height:30px;color:#363636;text-align:center;}
#foot1 li a{color:#363636;}
#foot2{width:1200px;margin:15px auto; color:#666;}
#foot2 a{color:#666;}
#erweima{ width:180px; margin:0 auto; float:right; }

/* 友情链接 */
#links{width:100%;background:#e7e7e7;color:#000;}
#linksinside{width:1200px;margin:10px auto;}
#linksinside a{color:#53120c;line-height:30px;}

h1,h2,h3,h4,h5,h6{font-size:14px;font-weight:normal;padding:0;margin:0;}
#mid{width:1200px;margin:20px auto;background:#f1f1f1;}
#protop{height:40px;line-height:40px;padding-left:10px;background:url(../images/protop_bg.png) -10px bottom no-repeat #f1f1f1;}
#righttop{height:40px;line-height:40px;padding-left:10px;font-size:18px;color:#363636;font-weight:bold;background:url(../images/protop_bg.png) -10px bottom no-repeat #cedfe9;}
#protop h1 a{font-size:18px;color:#363636;font-weight:bold;text-decoration:none;}
#protop h1{font-size:18px;color:#363636;font-weight:bold;}
#protop h2{font-size:18px;color:#363636;font-weight:bold;}
#protop h3{font-size:18px;color:#363636;font-weight:bold;}
#protop h1 a:hover{color:#F30;}
#protop span{float:right; margin-right:5px;}
#protop span a{font-size:12px;color:#6a6a6a;}
#promid{width:280px;margin:15px 11px;float:left;}
#promid dd{height:282px;padding-bottom:12px;background:url(../images/cp_dy.png) center bottom no-repeat;}
#promid p{margin-top:20px;text-align:center;}
#promid p a{color:#363636;}

#mbx{background:#e6e6e6;}
#mbx1{width:1200px;line-height:30px;margin:0 auto;color:#999;}
#mbx1 a{margin:0 5px;color:#363636;}
.rightfoot{padding:10px 0;clear:both;text-align:center;}
.rightfoot a{padding:3px 6px;margin:0 3px;color:#fff;background:#464646;}
.rightfoot a:hover{text-decoration:none;font-weight:bold;background:#0a76da;}
.showfoot{padding-top:30px;clear:both;color:#666;}
.showfoot a{margin:0 5px;color:#363636;text-decoration:underline;}
.showfoot a:hover{font-weight:bold;}

#ej{margin-top:10px;}
#ej1{width:1200px;padding:10px 0;margin:0 auto;background:#d7e4ec;}
#ej1 a{padding:3px 3px 3px 12px;margin:0 7px;font-size:14px;font-weight:bold;color:#363636;background:url(../images/jiahao.png) left center no-repeat;}
#ej1 a:hover{color:#ff7300;background:url(../images/jiahao-h.png) left center no-repeat;}

#showmid{padding:10px;border:1px solid #eee;border-width:0px 1px 1px 1px;}
#show1{height:250px;padding:5px;margin-bottom:30px;border-bottom:1px dotted #ccc;}
#show1 img{margin:5px 30px 0 0;float:left;}
#show1 ul{width:620px;height:175px;float:left;}
#show1 li{line-height:27px;color:#363636;}
#show1 li p{margin:0;padding:0;color:#666;width:80px;float:left;text-indent:0;}
#show1 li h1{padding:0 5px;font-size:14px;font-weight:bold;}
#show1 em{ margin:0 10px; font-size:12px; color:#999;}
#show2{color:#363636;}
#show2 p{line-height:24px;margin-bottom:15px;text-align:justify;text-indent:2em;color:#363636;}
#show2 p a{color:#0085d4;}
#show2 .title{ margin-bottom:15px;font-size:28px;text-align:center;font-weight:bold;color:#363636;}

#left{width:250px;float:left;background:#f1f1f1;}
#lefttop{height:40px;line-height:40px;text-align:center;font-size:22px;color:#fff;font-weight:bold;background:#646464;}
#left h4{line-height:26px;margin:10px 0;background:url(../images/liste_bg.png) 10px center no-repeat;}
#lefttop:nth-child(2){dispaly:none;}
#left h4 a{padding-left:25px;font-size:14px;color:#363636;font-weight:bold;background:url(../images/listy_li.png) 15px center no-repeat;}
#left h2{line-height:30px;margin:10px 0;border:1px solid #c9c9c9;}
#left h2:hover{border:1px solid #c30;}
#left h2 a{line-height:30px;padding-left:35px;color:#545454;display:block;text-decoration:none;background:url(../images/liste_bg.png) 15px center no-repeat;}
#left h2 a:hover{color:#333;background:url(../images/liste-h_bg.png) 15px center no-repeat;}
#left li{ margin:5px 0; overflow:hidden;}
#left li a{font-size:12px; color:#555555;}

#right{width:930px;margin-left:20px;float:left;}
#newsli{padding:10px;border:1px solid #eee;border-width:0px 1px 1px 1px;}
#newsli li{line-height:24px;padding-bottom:25px;margin:6px auto;font-size:16px;border-bottom:1px dotted #ccc;}
#newsli li span{float:right;font-size:14px;color:#999;}
#newsli li a:hover{color:#007dca;}
#newsli li p{padding:0 5px;margin-top:10px;font-size:12px;color:#545454;border:1px solid #f1f1f1;background:#fff;}
#newsli li a{font-weight:bold;color:#363636;}
#shownews{padding:10px;border:1px solid #eee;border-width:0px 1px 1px 1px;}
#shownews h1{margin:20px;font-size:22px;font-weight:bold;text-align:center;}
#shownews em{margin:0 10px; font-size:12px; color:#999;}
#shownews p{line-height:28px;margin-bottom:15px;color:#363636;text-align:justify; text-indent:2em;}
#shownews p a{color:#0085d4;}

#ryzsmid{padding:5px;border:1px solid #eee;border-width:0px 1px 1px 1px;}
#ryzsmid li{width:200px;margin:20px 14px;float:left;text-align:center;}
#ryzsmid li a{color:#555555;}
