@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'suyuansong';
  src: url('../fonts/SourceHanSerifCN-SemiBold-7.woff');
  font-weight: normal;
  font-style: normal;
}
html, body { height:100%;}
body { font-size:14px; font-family:"suyuansong"; color:#666; background:url(../img/images/bg3.jpg); -webkit-tap-highlight-color:transparent; }
input, select, textarea, button{ font-size:14px; vertical-align: middle; outline:none; font-family:"suyuansong"; border:0; padding: 2px 3px; border-radius: 5px;}
h1, h2, h3, h4, h5, h6, em, i{font-weight:normal; font-style:normal;}
img { border: 0; vertical-align:middle; max-width:100%;}
ul, li, ol, dl, dt {list-style: none;}
a { text-decoration: none; outline: none; -webkit-tap-highlight-color:transparent; color:#666; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
a:hover{ color:#02346c;}
* { padding: 0px; margin: 0px;}
.fl { float: left; }
.fr { float: right; }
table {  border-collapse: collapse; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { zoom: 1 }
.w{ width:1300px; height:auto; margin:0 auto;}
.wl{ width:1000px; height:auto; margin:0 auto;}
.orange{ color:#ff6600;}
.blue{ color:#0082db;}
.green{ color:#00a5b8;}
/*阻止旋转屏幕时自动调整字体大小*/
textarea { resize: none; -webkit-appearance: listbox; -moz-appearance: listbox; }
/*取消按钮在iphone上的默认样式*/
input[type=button], input[type=number] { -webkit-appearance: none; outline: none; }
/*移除上下小箭头  chrome*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0;}
input[type=number], input[type=date], input[type=datetime], input[type=datetime-local] { -moz-appearance: textfield; -webkit-appearance: none !important; margin: 0; }
/*移除上下小箭头 Firefox*/
input::-webkit-input-speech-button { display: none; }


.navFixed header{background:#fff; box-shadow:0 0 20px rgba(0,0,0,.1);height: 100px;width: 100%;}
.conten-wrapper{display: block;transition: width 0.25s ease, margin 0.25s ease;position: relative;overflow: hidden; }
.main-content{width: calc(100%);min-height: 100vh;position: relative;overflow: hidden;transition: 0.3s;}
/*网站顶部*/
.head_bg{width: 100%; height: 84px; margin: 0 auto; background: #222222; position:relative}
.head_bg .left{width: 50%; height: 84px; overflow: hidden; float: left; margin: 0 auto; background: url(../img/images/t8.png) no-repeat left 20%; line-height: 3.5; font-size: 12px; color: #fff; text-indent: 2em;}
.head_bg .right{width: 50%; height: auto; overflow: hidden;margin: 8px auto; text-align: right;position:absolute;top:90px;right:0px;z-index:999}
.head_bg .head { width:100%; height:82px;position:absolute;left: 0;top: 40px;right: 0;z-index: 100; border-radius: 41px; transition:cubic-bezier(0.215,.61,.355,1) .45s; background-color:#fff;}
.lh-logo{width:auto; height:84px; overflow:hidden; margin: 15px auto 0 2.5%; float: left; text-align: center;}
.lh-logo img{margin-top: 5%; height: 50%;}
.lh-logo>div{transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.lh-header{width: 100%;height:90px;}
.lh-nav{ width:80%; position:relative; z-index:3; height:82px; float:right;}
.lh-nav-item{ width:75%; text-align:center; float:right;}
.lh-nav-item li{ margin-right:0.3vw; position:relative; display:inline-block;}
.lh-nav-item li a{line-height:82px; color:#666; font-size:18px; display:block; position:relative; padding:0 25px;}
.lh-nav-item li a:hover{color:#771f1a; }
.lh-nav-item li a.curr{color:#771f1a;}
.lh-nav-item li dl{ width:max-content; position:absolute; left:0; top:82px; text-align:center; opacity:0; visibility:hidden; transform:translateY(50%);transition:cubic-bezier(0.215,.61,.355,1) .45s;background-color: #fff;padding:10px 0; border-top: 3px solid #771f1a;}
.lh-nav-item li dl dd{white-space:nowrap; margin:0 0; border-bottom:1px solid #fff;}
.lh-nav-item li dl dd{white-space:nowrap; margin:0 0;}
.lh-nav-item li dl dd a{font-size:14px; color:#666; line-height:30px; white-space:nowrap; border-bottom:2px solid #fff;}
.lh-nav-item li dl dd a:hover{color:#771f1a; border-bottom:2px solid #771f1a; font-weight:400;}
.lh-nav-btn{ width:15%;line-height:82px; color:#fff; font-size:18px; display:block; float:right;}
.lh-nav-btn:hover{opacity:1;}
.lh-nav-btn em{width:22px; height:22px; float:left; margin:35px 10px 0 10px; position:relative; background: url(../img/images/t1.png) no-repeat center;background-size: 100%;}
.lh-nav-btn span{display: inline-block;float: left;}
.lh-nav-btn i{display: inline-block;float: left;font-size: 18px;font-family: Arial; color:#771f1a; font-weight: bold;}
.lh-nav-en{ width:26px; position:relative; z-index:3; height:26px; margin:32px auto; float:right; font-size: 13px;font-family: Arial; color:#fff; text-align:center; line-height:28px; border:1px solid #fff; border-radius:50%; transition:all 0.4s;}
.lh-nav-en:hover{ width:26px; position:relative; z-index:3; height:26px; margin:32px auto; float:right; font-size: 13px;font-family: Arial; color:#fff; text-align:center; line-height:28px; border:1px solid #6ebb36; border-radius:50%; transition:all 0.4s; background-color:#6ebb36;}

.head-tel{width:auto; height:36px; float:right; position:relative; margin: 20px 20px 0 0;}



/* hover 二级栏目 */
.lh-nav-item li:hover dl{ opacity:1; visibility:visible;transform:translateY(0%); top:82px; z-index:1;}
.navFixed header .lh-nav-item li>a{color: #333;}
.navFixed .lh-nav-item li>a:hover,.navFixed .lh-nav-item li>a.on{color: #e48122}
.navFixed .lh-nav-btn{color: #e48122;}
.navFixed .lh-nav-btn em{background: url(../img/tel_cur.png)no-repeat;background-size: 100%;}
/* banner */
.banner{position: relative; width:100%;height:auto;z-index: 11;overflow: hidden;opacity: 1;transition-delay: 0.3s;-webkit-transition-delay: 0.3s;}
/*轮播图设置*/
.banner_img img{width:100%}
.slick-next{right: 25px!important;background: url("../img/c_r.png") no-repeat center !important;}
.slick-prev{left: 25px!important;z-index: 2;background: url("../img/c_l.png") no-repeat center!important;}
.slick-next:before {content: ''!important;}
.slick-prev:before {content: ''!important;  }
#banner{margin-bottom: 0;}
#banner .slick-dots{bottom:20px;}
#banner .slick-dots li{width: 10px;height:10px;}
#banner .slick-dots li button{width: 10px;height:10px; padding:0;background: #fff; border-radius:50%;}
.slick-dots li button:before{content: ''!important;}
#banner .slick-dots .slick-active button{ width:10px; height:10px;background: #771f1a; border-radius:50%;}
/* 新闻 */
.n_bg{width: 100%; height: auto; overflow: hidden; padding: 50px 0 250px 0; position:relative; background: url(../img/images/t5.png) no-repeat center bottom; background-size: 100% auto;}
.n_bg .top{ width:100%; height:auto; margin:0 auto; background: url(../img/images/t3.png) no-repeat center 15px; position: relative;}
.n_bg .top .left{ width:1000px; height:auto; margin:30px auto 0 auto; overflow: hidden; text-align: center; position: relative;}
.n_bg .top .left a{ width:auto; height:auto; margin: 0 30px; overflow:hidden; display: inline-block; color:#333; font-size:22px; line-height:1.5; font-family:suyuansong; font-weight: bold; background: url(../img/images/t1.png) no-repeat center 10%; padding-top: 30px;}
.n_bg .top .left a:nth-child(1){ width:auto; height:auto; margin: 0 30px;  overflow:hidden; display: inline-block; color:#771f1a; font-size:26px; line-height:1.5; font-family:suyuansong; font-weight: bold; background: url(../img/images/t2.png) no-repeat center 10%; padding-top: 30px;}
.n_bg .top .left a:hover{ width:auto; height:auto; margin: 0 30px;  overflow:hidden; display: inline-block; color:#771f1a; font-size:26px; line-height:1.5; font-family:suyuansong; font-weight: bold; background: url(../img/images/t2.png) no-repeat center 10%; padding-top: 30px;}
.news .top .right{ width:45%; height:auto; overflow:hidden; float:right; margin: 0 auto; padding-right: 40px; color:#771f1a; font-size:16px; line-height:2.5; font-family:suyuansong; text-align:right; background: url(../img/images/t2.png) no-repeat right center;}

.news .news_down{ width:100%; height:auto; overflow:hidden; margin:50px auto 0 auto; position:relative;}
.news .news_down .box{ width:46%; height:auto; margin:40px 2% 0 2%; padding:0 0 40px 0;  float:left; border-bottom: 1px solid #d4d4d4;}
.news .news_down .box .pic{ width:35%; height:140px; overflow:hidden; margin:0 auto; float: left;}
.news .news_down .box .pic img{ width:100%; height:140px; overflow:hidden; margin:0 auto; transition:all 0.4s;}
.news .news_down .box:hover .pic img{ width:100%; height:140px; transition:all 0.4s; transform:scale(1.05);}
.news .news_down .box .right{ width:60%; height:auto; overflow:hidden; float: right; margin:0 auto;}
.news .news_down .box .title{ width:100%; height:auto; overflow:hidden; margin:20px auto 0 auto; font-size:18px; color:#000; font-family:suyuansong; text-align:left; line-height:1.5; white-space: nowrap;text-overflow:ellipsis;}
.news .news_down .box:hover .title{width:100%; height:auto; overflow:hidden; margin:20px auto 0 auto; font-size:18px; color:#771f1a; font-family:suyuansong; text-align:left; line-height:1.5;}
.news .news_down .box .right .times{ width:auto; height:auto; overflow:hidden; margin:0 auto; font-size:16px; color:#666; font-family:Arial; text-align:left; line-height:1.6;}
.news .news_down .box .right .intro{ width:100%; height:70px; overflow:hidden; margin:15px auto 0 auto; font-size:14px; color:#666; font-family:suyuansong; text-align:left; line-height:35px;}
.news .new_more{ width:120px; height:40px; overflow:hidden; clear:both; background: url(../img/images/t4.png) no-repeat; margin:30px auto 0 auto; font-size:16px; color:#3a3a3a; font-family:Arial; text-align:left; text-indent:2em; line-height:40px; position:relative;}
.news .new_more:hover{ width:120px; height:40px; overflow:hidden; clear:both; background: url(../img/images/t4.png) no-repeat; margin:30px auto 0 auto; font-size:16px; color:#771f1a; font-family:Arial; text-align:left; text-indent:2em; line-height:40px; position:relative;}

/* 景区 */
.j_bg{width: 100%; height: auto; position:relative;}

.jingqu .news_down{ width:100%; height:350px; margin:0 auto; padding: 50px 0;}
.jingqu .news_down .box{ width:32%; height:auto; margin:0 0.6%; float:left;}
.jingqu .news_down .box .pic{ width:100%; height:285px; overflow:hidden; margin:30px auto 0 auto; float: left; position: relative;}
.jingqu .news_down .box .onpic{ width:150%; height:350px; overflow:hidden; margin:0 auto 0 -25%; position: relative; z-index: 10;}
.jingqu .news_down .box .pic img{ width:100%; height:100%; overflow:hidden; margin:0 auto; transition:all 0.4s;}
.jingqu .news_down .box .pic .video{ width:72px; height:72px; overflow:hidden;position: absolute; left: 42%; top: 35%; z-index: 99; text-align: center; background: url(../img/images/t6.png) no-repeat center;}
.jingqu .news_down .box:hover .pic img{ width:100%; height:100%; transition:all 0.4s; transform:scale(1.05);}
.jingqu .news_down .box .right{ width:60%; height:auto; overflow:hidden; float: right; margin:0 auto;}
.jingqu .news_down .box .title{ width:100%; height:auto; overflow:hidden; margin:20px auto 0 auto; font-size:18px; color:#000; font-family:suyuansong; text-align:left; line-height:1.5; white-space: nowrap;text-overflow:ellipsis;}
.jingqu .news_down .box:hover .title{width:100%; height:auto; overflow:hidden; margin:20px auto 0 auto; font-size:18px; color:#771f1a; font-family:suyuansong; text-align:left; line-height:1.5;}
.jingqu .news_down .box .right .times{ width:auto; height:auto; overflow:hidden; margin:0 auto; font-size:16px; color:#666; font-family:Arial; text-align:left; line-height:1.6;}
.jingqu .news_down .box .right .intro{ width:100%; height:70px; overflow:hidden; margin:15px auto 0 auto; font-size:14px; color:#666; font-family:suyuansong; text-align:left; line-height:35px;}
.jingqu .new_more{ width:120px; height:40px; overflow:hidden; clear:both; background: url(../img/images/t4.png) no-repeat; margin:30px auto 0 auto; font-size:16px; color:#3a3a3a; font-family:Arial; text-align:left; text-indent:2em; line-height:40px; position:relative;}
.jingqu .new_more:hover{ width:120px; height:40px; overflow:hidden; clear:both; background: url(../img/images/t4.png) no-repeat; margin:30px auto 0 auto; font-size:16px; color:#771f1a; font-family:Arial; text-align:left; text-indent:2em; line-height:40px; position:relative;}

/* 热门 */
.r_bg{width: 100%; height: auto; overflow: hidden; padding: 80px 0; position:relative;}
.r_bg .top{ width:100%; height:auto; margin:0 auto; background: url(../img/images/t7.png) no-repeat center top; position: relative; text-align: center; color:#771f1a; font-size:28px; line-height:2.2; font-family:suyuansong; font-weight: bold; letter-spacing: 40px; text-indent: 1.3em;}

.remen .news_down{ width:100%; height:auto; overflow:hidden; margin:80px auto 0 auto; position:relative;}
.remen .news_down .left{ width:46%; height:420px; overflow: hidden; margin:0 auto; float:left;}
.remen .news_down .right{ width:54%; height:420px; overflow: hidden; margin:0 auto; float:right;}
.remen .news_down .left .box{ width:100%; height:auto; margin:0 auto; float:left; position: relative; background: #fff;}
.remen .news_down .left .box .pic{ width:100%; height:420px; overflow:hidden; margin:0 auto; float: left;}
.remen .news_down .left .box .pic img{ width:100%; height:420px; overflow:hidden; margin:0 auto; transition:all 0.4s;}
.remen .news_down .left .box:hover .pic img{ width:100%; height:420px; transition:all 0.4s; transform:scale(1.05);}
.remen .news_down .left .box .title{ width:100%; height:auto; overflow:hidden; position: absolute; left: 0; bottom: 0; font-size:18px; color:#fff; font-family:suyuansong; text-align:center; line-height:2; white-space: nowrap;text-overflow:ellipsis; background-color:rgba(0,0,0,0.2);}
.remen .news_down .left .box:hover .title{background-color:rgba(0,0,0,0.8);}

.remen .news_down .right .box{ width:48%; height:200px; margin:0 auto 0 2%; float:left; position:relative; background: #fff;}
.remen .news_down .right a:nth-child(1) .box{ width:48%; height:200px; margin:0 auto 20px 2%; float:left; position:relative;}
.remen .news_down .right a:nth-child(2) .box{ width:48%; height:200px; margin:0 auto 20px 2%; float:left; position:relative;}
.remen .news_down .right .box .pic{ width:100%; height:200px; overflow:hidden; margin:0 auto; float: left;}
.remen .news_down .right .box .pic img{ width:100%; height:200px; overflow:hidden; margin:0 auto; transition:all 0.4s;}
.remen .news_down .right .box:hover .pic img{ width:100%; height:200px; transition:all 0.4s; transform:scale(1.05);}
.remen .news_down .right .box .title{ width:100%; height:auto; overflow:hidden;  position: absolute; left: 0; bottom: 0; font-size:18px; color:#fff; font-family:suyuansong; text-align:center; line-height:2; white-space: nowrap;text-overflow:ellipsis; background-color:rgba(0,0,0,0.2);}
.remen .news_down .right .box:hover .title{background-color:rgba(0,0,0,0.8);}
.remen .new_more{ width:120px; height:40px; overflow:hidden; clear:both; background: url(../img/images/t4.png) no-repeat; margin:60px auto 0 auto; font-size:16px; color:#3a3a3a; font-family:Arial; text-align:left; text-indent:2em; line-height:40px; position:relative;}
.remen .new_more:hover{ width:120px; height:40px; overflow:hidden; clear:both; background: url(../img/images/t4.png) no-repeat; margin:60px auto 0 auto; font-size:16px; color:#771f1a; font-family:Arial; text-align:left; text-indent:2em; line-height:40px; position:relative;}

/* 产品 */
.p_bg{width: 100%; height: auto; overflow: hidden;}
.product{overflow: hidden; margin:0 auto;}
.product .down{ width:100%; height:auto; overflow: hidden; margin:0 auto; }
.product .down .box{ width:19.7%; height:750px; overflow:hidden; margin:0 auto; padding: 300px 0; float:left; border-right: 1px solid #efefef;}
.product .down .box .heng{ width:auto; height:54px; overflow: hidden; margin: 0 auto; position: relative;}
.product .down .box .heng .left{ width:36px; height:54px; overflow:hidden; float: left; background: url(../img/images/t9.png) no-repeat left top; position: absolute; left: 0; top: 0;}
.product .down .box .heng .center{ width:80%; height:54px; overflow:hidden; float: left; margin: 0 10%; color:#000; font-size:20px; line-height:54px; font-family:suyuansong; text-align:center; background: url(../img/images/t10.png) repeat-x left top; white-space: nowrap;text-overflow:ellipsis; }
.product .down .box .heng .right{ width:38px; height:54px; overflow:hidden; float: left; background: url(../img/images/t11.png) no-repeat left top;  position: absolute; right: 0; top: 0;}


.product .more{ width:150px; height:auto; overflow:hidden; margin: 30px auto 0 auto; border: 1px solid #771f1a; color:#771f1a; font-size:14px; line-height:35px; font-family:suyuansong; text-align:center;}



/*文化*/
.w_bg{width: 100%; height: auto; overflow: hidden; position: relative; z-index: 1;}

/* leftsead */
.leftsead{width:70px;height:649px;position:fixed;top:180px;right:30px; z-index:100;}
.leftsead .box{ width:100%; height:70px; position:relative; margin:0 auto 10px 0; cursor:pointer; transition:all 0.5s; background-color:rgba(0,0,0,0.3);}
.leftsead .box .pic{ width:100%; height:auto; text-align:center;}
.leftsead .box .pic img{ width:26px; height:auto; margin:10px auto 0 auto;}
.leftsead .box .title{ width:100%; height:auto; margin:5px auto 0 auto; font-size:14px; color:#fff; font-family:microsoft yahei; line-height:1.5; text-align:center; text-overflow:ellipsis; white-space:nowrap;}

.leftsead .box .biger{ width:150px; height:auto; padding:10px 0; position: absolute; left:-151px; top:0; border-radius:5px; text-align:left; transition:all 0.5s; display:none; background-image: linear-gradient(to bottom, rgb(206, 206, 206), rgb(185, 185, 185));}
.leftsead .box:hover .biger{display:block;}
.leftsead .box .biger img{ width:130px; height:130px; margin:10px;}
.leftsead .box .zhaoh{ width:240px; height:auto; padding:10px 0; position: absolute; left:-241px; top:0; border-radius:5px; text-align:left; transition:all 0.5s; display:none; background-image: linear-gradient(to bottom, rgb(187, 187, 187), rgb(173, 173, 173));}
.leftsead .box:hover .zhaoh{display:block;}
.leftsead .box .zhaoh .k{ width:94%; height:auto; overflow:hidden; padding:15px 0 5px 0; margin:0 auto; background-color:#fff;}
.leftsead .box .zhaoh .k .title{ width:94%; height:auto; overflow:hidden; margin:0 auto; font-size:14px; color:#013b7c; font-family:microsoft yahei; line-height:1.5; text-align:left; font-weight:bold;}
.leftsead .box .zhaoh .k .con{ width:94%; height:auto; overflow:hidden; margin:0 auto; font-family:microsoft yahei; line-height:1.5; text-align:left;}

/*foot*/
.footer{width:100%; height:330px; overflow:hidden; background: url(../img/images/bg2.jpg) no-repeat center top;}
.footer .top{ width:100%; height:auto; margin:100px auto 0 auto; background: url(../img/images/t7.png) no-repeat center top; position: relative; text-align: center; color:#771f1a; font-size:28px; line-height:2.2; font-family:suyuansong; font-weight: bold; letter-spacing: 40px; text-indent: 1.3em;}
.footer .center{ width: 100%; overflow:hidden; margin:0 auto; padding:50px 0 0 0; text-align:center;}

.footer li{ width: 15%; height: 50px; border-radius: 10px; overflow:hidden; margin:0 0.8%; display: inline-block;}
.footer li img{ width: 100%; height: 50px;}
.footer .copy{ width:100%; height:auto; margin:30px auto 0 auto; position: relative; text-align: center; color:#666; font-size:14px; line-height:1.5; font-family:suyuansong;}
.footer .copy a{color:#666; }
/**内页**/


.commbanner{ width:100%; height:auto; overflow:hidden; position:relative; text-align: center;}
.commbanner .title{ overflow:hidden; position:absolute; top:35%; left:23%; line-height:1.5; font-size:48px; color:#fff; font-family:suyuansong; text-align:left;}
.commbanner .en{overflow:hidden; line-height:1.5; font-size:24px; color:#fff; font-family: Arial; text-align:left;}
/*nav_one*/
.nei_navs{ width:100%; height:auto; overflow:hidden; margin: 50px auto 0 auto; text-align:center;}
.nei_navs .down .navs{ width:160px; height:50px; overflow:hidden; margin:0 10px; display: inline-block; background:url(../img/images/t16.png) no-repeat left center; line-height:50px; font-size:14px; color:#222; text-align:center;}
.nei_navs .down .navs:hover{width:160px; height:50px; overflow:hidden; margin:0 10px;  display: inline-block; background: url(../img/images/t17.png) no-repeat left center; line-height:50px; font-size:14px; color:#fff; text-align:center;}
.nei_navs .down .navs.active{width:160px; height:50px; overflow:hidden; margin:0 10px;  display: inline-block; background: url(../img/images/t17.png) no-repeat left center; line-height:50px; font-size:14px; color:#fff; text-align:center;}

.nei_nav{ width:100%; height:auto; overflow:hidden; margin:0 auto; background:#006cb8; text-align:center;}
.nei_nav a{ width:auto; height:auto; overflow:hidden; margin:0 auto;  font-size:16px; color:#fff; font-family:suyuansong; line-height:65px; text-align:center; }
.nei_nav a:hover{ width:auto; height:auto; overflow:hidden; margin:0 auto;  font-size:16px; color:#fff; font-family:suyuansong; line-height:65px; text-align:center; }
.nei_nav a.curr{ width:auto; height:auto; overflow:hidden; margin:0 auto; font-size:16px; color:#fff; font-family:suyuansong; line-height:65px; text-align:center; }

.pmain_bg{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.pmain{ width: 1000px; margin:0 auto; overflow:hidden; padding: 50px 0;}
.pmain .nei_navtitle{ width:100%; height:auto; overflow:hidden; margin:0 auto 50px auto;}
.pmain .nei_navtitle .en{ width:100%; height:auto; overflow:hidden; margin:0 auto; position:relative; line-height:1; font-size:50px; color:#333; font-family:Arial; text-align:center;}
.pmain .nei_navtitle .cn{ width:100%; height:auto; overflow:hidden; margin:-30px auto 0 auto; position:relative; line-height:1; font-size:36px; color:#333; text-align:center; font-weight:bold;}
.pmain .nei_navtitle .cn span{color:#6ebb36;}
.pmain .nei_navtitle .heng{ width:20px; height:4px; overflow:hidden; margin:10px auto; position:relative; background:#6ebb36;}
/*位置*/
.locals{ width:100%; height:30px; overflow:hidden; margin:0 auto; line-height:30px; font-size:16px; color:#a4a4a4; font-family:suyuansong; text-align:left; }
.locals a{ line-height:30px; font-size:16px; color:#a4a4a4; font-family:suyuansong; text-align:left; }

/*about*/
/*简介*/
.aboutbg{width: 100%; height: auto; overflow: hidden; padding: 80px 0; background: url(../img/images/bg5.jpg) no-repeat center 70%;}
.aboutbg .box {height: auto; overflow: hidden; background: url(../img/images/t11.png) no-repeat center top;}
.aboutbg .box .key{width: 50%;height: auto; overflow: hidden; color:#f2f5f8; font-size:300px; line-height:1; font-family:Arial; text-align:left; font-weight: bold; z-index: 1; position: relative;}
.aboutbg .box .key .keys{width: 100%;height: auto; overflow: hidden; color:#333; font-size:32px; line-height:1.5; font-family:suyuansong; text-align:left; font-weight: bold; z-index: 2; position: absolute; left: 10%; bottom: 50%;}
.aboutbg .box .con{width: 46%;height: auto; overflow: hidden; float: right; margin: 200px auto 0 auto;}
.aboutbg .box .con .title{width: 50%;height: auto; overflow: hidden; margin:0 auto 0 0; line-height:1.5; font-size:44px; color:#771f1a; font-family:suyuansong; text-align:left; font-weight: bold; }
.aboutbg .box .con .text{width: 100%;height: auto; overflow: hidden; margin:20px auto; line-height:2; }


.about_nei .about_one{ width:100%; height:auto; overflow:hidden; text-align: center;}
.about_nei .about_one .title{ width:32%; height:auto; position: absolute; top: 90px; left: 890px; overflow:hidden; line-height:1.3; font-size:48px; color:#333; font-family:suyuansong; text-align:left;}
.about_nei .about_one .intro{ width:32%; height:auto; position: absolute; top: 250px; left: 890px; overflow:hidden; line-height:2; font-size:22px; color:#555; font-family:suyuansong; text-align:left; text-indent: 2em;}

.about_nei .about_one .titlezr{ width:30%; height:auto; position: absolute; top: 90px; left: 60px; overflow:hidden; line-height:1.3; font-size:48px; color:#333; font-family:suyuansong; text-align:left;}
.about_nei .about_one .introzr{ width:30%; height:auto; position: absolute; top: 190px; left: 60px; overflow:hidden; line-height:2; font-size:22px; color:#555; font-family:suyuansong; text-align:left; text-indent: 2em;}
.about_nei .zhuanlititle{ width:100%; height:auto; overflow:hidden; position: relative; margin: 40px auto; text-align: center; line-height:2; font-size:45px; color:#2a2a2a; font-family:suyuansong; text-align:left;}
.about_nei .zhuanlititle.left{ width:45%; height:auto; float:left; margin: 0 auto;}
.about_nei .zhuanlititle .left .shu{ width:auto; height:auto; overflow:hidden; color:#333; font-size:36px; line-height:1.5; font-family:suyuansong; text-align:left; font-weight: bold;}
.about_nei .zhuanlititle .left .cn{ width:auto; height:auto; overflow:hidden; color:#333; font-size:18px; line-height:1.5; font-family:Arial; text-align:left; font-weight: bold; background: -webkit-linear-gradient(#13a3df, #7ae1ed);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}

.about_nei .zhuanli_nei{ width:100%; height:auto; overflow:hidden; position: relative; text-align: center;}
.zhuanli_nei .box{ width:20%; height:auto; overflow:hidden; margin:0 4%; float:left; }
.zhuanli_nei a:nth-child(2n) .box{ width:32%; height:auto; overflow:hidden; margin:0 4%; float:left; }
.zhuanli_nei .box .pic{ width:100%; height:260px; overflow:hidden; margin:0 auto; text-align:center;}
.zhuanli_nei .box .pic img{ width:100%; height:auto; max-height:100%; transition:all 0.3s;}
.zhuanli_nei .box .pic:hover img{ width:100%; height:auto; max-height:100%; transition:all 0.3s; transform:scale(1.05);}
.zhuanli_nei .box .title{ width:100%; height:50px; overflow:hidden; margin:10px auto 0 auto; color:#333; font-size:16px; line-height:50px; font-family:suyuansong; text-align:center; transition:all 0.3s;}

.zhuanli_nei .swiper-container{width:90%; height:100%; overflow:hidden; margin:0 auto;}
.zhuanli_nei .swiper-wrapper{ width:100%; margin:0; position:relative;}
.zhuanli_nei .swiper-slide{ width:100%; height:100%;  position:relative; text-align:center;}
.zhuanli_nei .swiper_pagina{ height:12px; overflow:hidden; position:absolute; right:0px; bottom:-40px !important; left:0 !important; margin:auto; z-index:1; text-align:center; }
.zhuanli_nei .swiper_pagina span{ display:inline-block;width:8px; border-radius:100%; height:8px; border:1px solid #fff; background:none; cursor:pointer; vertical-align:top; margin:0 4px;opacity:0.9 !important;}
.zhuanli_nei .swiper_pagina span.swiper-pagination-bullet-active{ background-color:#9bd075;opacity:1 !important;}
.zhuanli_nei .swiper_btnz{position: absolute;top: 40%;width: 74px;height: 74px; left:0;background: url(../img/images/left.png) 0 0 no-repeat;display: block;z-index:10;}
.zhuanli_nei .swiper_btny{position: absolute;top: 40%;width: 74px;height: 74px; right:0%;background: url(../img/images/right.png) 0 0 no-repeat;display: block;z-index:10;}


/*product*/
.pro_list{ width:100%; height:auto; min-height:500px; overflow:hidden; margin:0 auto;}
.pro_list .box{ width:31%; height:auto; margin:0 3.5% 30px  auto;  float:left; position:relative; z-index:1;}
.pro_list a:nth-child(3n) .box{ width:31%; height:auto; margin:0 auto 30px auto;  float:left; position:relative; z-index:1;}
.pro_list .box .pic{ width:100%; height:200px; overflow:hidden; margin:0 auto 0 auto; position:relative; z-index:10;}
.pro_list .box .pic img{ width:100%; height:200px; overflow:hidden; margin:0 auto; transition:all 0.4s;}
.pro_list .box:hover .pic img{ width:100%; height:200px; transition:all 0.4s; transform:scale(1.05);}
.pro_list .box .title{ width:94%; height:60px; overflow:hidden; margin:20px auto 0 auto; font-size:22px; color:#191919; font-family:suyuansong; text-align:center; line-height:60px;}
.pro_list .box:hover .title{width:94%; height:60px; overflow:hidden; margin:20px auto 0 auto; font-size:22px; color:#771f1a; font-family:suyuansong; text-align:center; line-height:60px;}
.pro_list .box .intro{ width:94%; height:auto; overflow:hidden; margin:0 auto; font-size:16px; color:#666; font-family:suyuansong; text-align:center; line-height:1.6;}
/*news*/
.new_list{ width:100%; height:auto; min-height:500px; overflow:hidden; margin:0 auto;}
.new_list .box{ width:31%; height:auto; margin:0 3.5% 50px  auto;  float:left; position:relative; z-index:1;}
.new_list a:nth-child(3n) .box{ width:31%; height:auto; margin:0 auto 50px auto;  float:left; position:relative; z-index:1;}
.new_list .box .pic{ width:100%; height:200px; overflow:hidden; margin:0 auto 0 auto; position:relative; z-index:10;}
.new_list .box .pic img{ width:100%; height:200px; overflow:hidden; margin:0 auto; transition:all 0.4s;}
.new_list .box:hover .pic img{ width:100%; height:200px; transition:all 0.4s; transform:scale(1.05);}
.new_list .box .title{ width:94%; height:60px; overflow:hidden; margin:20px auto 0 auto; font-size:22px; color:#191919; font-family:suyuansong; text-align:left; line-height:30px;}
.new_list .box:hover .title{width:94%; height:60px; overflow:hidden; margin:20px auto 0 auto; font-size:22px; color:#771f1a; font-family:suyuansong; text-align:left; line-height:30px;}
.new_list .box .intro{ width:94%; height:auto; overflow:hidden; margin:0 auto; font-size:16px; color:#666; font-family:suyuansong; text-align:left; line-height:1.6;}
.new_list .box .more{ width:94%; height:auto; overflow:hidden; margin:30px auto;}
.new_list .box .more .times{ width:auto; height:auto; overflow:hidden; margin:0 auto; float: right; font-size:14px; color:#333; font-family:Arial; text-align:right; line-height:1.6;}
.new_list .box .more .mos{ width:auto; height:auto; overflow:hidden; margin:0 auto; float:left;  font-size:14px; color:#333; font-family:suyuansong; text-align:left; font-weight: bold; line-height:1.5;}
.new_list .box:hover .more .mos{ color:#771f1a;}
.new_list .new_more{ width:180px; height:50px; overflow:hidden; clear:both; border-radius:25px; background-color:#006cb8; margin:30px auto 0 auto; font-size:20px; color:#fff; font-family:Arial; text-align:left; text-indent:2em; line-height:50px; position:relative;}


/*infor*/
.infor{ width:100%; height:auto; display:inline-block; margin:0 auto;}
.fac_list{ position:relative;}
.fac_list a .box{ width:32%; height:auto; overflow:hidden; margin:25px 2% 0 0; float:left;}
.fac_list a:nth-child(3n) .box{ width:32%; height:auto; overflow:hidden; margin:25px 0 0 0; float:left;}
.fac_list .box .pic{ width:100%; height:315px; display:block; margin:0 auto; text-align:center;}
.fac_list .box .pic img{ width:100%; height:100%; transition:all 0.3s;}
.fac_list .box .pic:hover img{ width:100%; height:100%; transition:all 0.3s; transform:scale(1.01);}
.fac_list .box .title{ width:100%; height:40px; overflow:hidden; margin:0 auto; font-size:16px; color:#333; font-family:suyuansong; line-height:40px; text-align:center; border-radius:0 0 0 10px; background:#f2f7f9;}
.fac_list .box:hover .title{ width:100%; height:40px; overflow:hidden; margin:0 auto; font-size:16px; color:#fff; font-family:suyuansong; line-height:40px; text-align:center; border-radius:0 0 0 10px;background:linear-gradient(to left,#22bfed,#1796d5);}


/*one*/
.one_nei{ width:100%; height:auto; min-height:500px; overflow:hidden; margin:0 auto; line-height:2; color: #333;font-size:18px}
.one_nei img{ max-width:100%; height:auto; }

.one_nei .shutong{text-align: center !important; font-size: 28px !important;}
.one_nei .video{ width:100%; height:auto; margin:50px auto; overflow:hidden; text-align:center;}
.one_nei #slider{ width:100%; height:auto;}

/*view*/
.view_nei{ width:99%; height:auto; min-height:400px; overflow:hidden; margin:0 auto; float:left;}
.view_newhead{ width:94%; height:auto; overflow:hidden; margin:20px auto; position: relative;}
.backs{ width:100px; height:auto; overflow:hidden; line-height:2; font-size:14px; color:#666; text-align:center; border: 1px solid #666; border-radius: 10px; position: absolute; right: 0; top: 0;}
.view_newhead .news_view_title{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.6; font-size:32px; color:#333; text-align:center; font-weight:bold;}
.view_newhead .news_view_title .subtitle{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.5; font-size:18px; color:#888; text-align:center; font-weight:bold;}
.view_newhead .news_view_wrap{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.6; font-size:14px; color:#999; text-align:center;}
.news_view{ width:94%; height:auto; overflow:hidden; margin:0 auto;}
.news_view .news_txt{ width:100%; height:auto; overflow:hidden; margin:0 auto; min-height:500px;font-size:18px;line-height:2}
.news_view .load{ width:8%; height:30px; overflow:hidden; float:left; margin:14px auto 0 auto; border-radius:5px; font-size:14px; color:#fff; background-color:#02346c; font-family:suyuansong; line-height:30px; text-align:center;}
.news_view .load:hover{ width:8%; height:30px; overflow:hidden; float:left; margin:14px auto 0 auto; border-radius:5px; font-size:14px; color:#02346c; background-color:#dddddd; font-family:suyuansong; line-height:30px; text-align:center;}

.view-page{ width:90%; height:auto; overflow:hidden; margin:20px auto;}
.view-page .span1{ width:48%; height:auto; overflow:hidden; float:left; font-size:16px; color:#666; text-align:left;}
.view-page .span2{ width:48%; height:auto; overflow:hidden; float:right; font-size:16px; color:#666; text-align:left;}
/*contact*/
.con_nei .nei_navtitle{ width:100%; height:auto; overflow:hidden; margin:0 auto 45px auto; font-size:38px; color:#333; font-family:microsoft yahie; line-height:1.2; text-align:center; font-weight:bold;}
.con_nei .center{ width:100%; height:auto; overflow:hidden; margin:0 auto; background: #fff;
font-family:microsoft yahie; line-height:25px; text-align:left; font-weight:bold; text-indent:2em; word-wrap: break-word;}
.con_nei .center .left{ width:58%; height:auto; overflow:hidden; float: left; margin:50px 2%;}
.con_nei .center .left img{ max-width:100%; height:auto; overflow:hidden;}

.con_nei .center .right{ width:34%; height:auto; overflow:hidden; float: right; margin:50px 2%;}
.con_nei .center .box{ width:100%; height:auto; overflow:hidden; margin:0 auto 50px 0; background:url(../img/images/t19.png) no-repeat left top; background-size: 50px auto;}
.con_nei .center .box:nth-child(2){ width:100%; height:auto; overflow:hidden; margin:0 auto 30px 0; background:url(../img/images/t20.png) no-repeat left top; background-size: 50px auto;}
.con_nei .center .box:nth-child(3){ width:100%; height:auto; overflow:hidden; margin:0 auto 30px 0; background:url(../img/images/t21.png) no-repeat left top; background-size: 50px auto;}
.con_nei .center .box .title{ width:80%; height:25px; overflow:hidden; margin:0 0 0 auto; font-size:18px; color:#333; font-family:microsoft yahie; line-height:25px; text-align:left; font-weight: bold;}
.con_nei .center .box .con{ width:80%; height:auto; overflow:hidden; margin:10px 0 0 auto; font-size:16px; color:#333; }
.messages .nei_navtitle{ width:50%; height:auto; overflow:hidden; margin:0 auto; float:left; position:relative;}
.messages .nei_navtitle .en{ width:100%; height:auto; overflow:hidden; position: absolute; left:0; top:90px; line-height:1.3; font-size:42px; color:#771f1a; font-family:Arial; font-weight:bold; text-align:left; opacity:0.1;}
.messages .nei_navtitle .cn{ width:100%; height:auto; overflow:hidden; margin:40px auto 0 auto; position:relative; line-height:1.3; font-size:42px; color:#771f1a; text-align:left; font-weight:bold;}
.messages .nei_navtitle .heng{ width:40px; height:4px; overflow:hidden; margin:10px auto 0 0; position:relative; background:#771f1a;}
.messages .nei_navtitle .con{ width:80%; height:auto; overflow:hidden; margin:100px auto 0 0; position:relative; line-height:2; text-align:left; font-family:suyuansong;}
.messages .right{ width:50%; height:auto; overflow:hidden; margin:0 auto 0 auto; float:right;}
.messages .right .box{ width:97%; height:auto; overflow:hidden; margin:0 auto 20px auto; padding:0 1%; }
.messages .right .box .title{ width:100%; height:auto; overflow:hidden; margin:10px auto; font-size:18px; color:#000; font-family:microsoft yahie; line-height:1.5; text-align:left;}
.messages .right input{ width:94%; height:50px; overflow:hidden; margin:10px auto; padding:0 3%; border:0; background:none; font-size:16px; color:#666; font-family:microsoft yahie; line-height:50px; text-align:left; border-radius:5px; border:1px solid #ededed;}

.messages .right textarea{ width:96%; height:70px; overflow:hidden; margin:0 auto; padding:2%;background:none; font-size:16px; color:#666; font-family:microsoft yahie; line-height:25px; text-align:left; border-radius:5px; border:1px solid #ededed;}
.messages .right .an{ width:160px; height:50px; overflow:hidden; display:inline-block; border-radius:25px; background-color:#771f1a; font-size:18px; color:#fff; font-family:microsoft yahie; line-height:50px; text-align:center; cursor:pointer;}
.messages ::placeholder {
	color: #999;
	}

/*sea*/
.ullist{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.ullist li{ width:100%; height:35px; overflow:hidden; border-bottom:1px dashed #dedede;}
.ullist li a{ width:100%; height:35px; overflow:hidden; line-height:35px; color:#333;}
.ullist li a span{color:#999; float:right;}
.ullist li a:hover{ width:100%; height:35px; overflow:hidden; line-height:35px; color:#02346c;}

.pmain-pos{ padding-bottom:10px; line-height:20px; color:#999; border-bottom:2px #cad1dc solid;}
.pmain-pos .t{ float:left; font-size:18px; color:#282828; position:relative; padding-left:20px;}
.pmain-pos .t:before{ content:''; background:#0099ff; width:6px; height:18px; position:absolute; left:0; top:3px; border-radius:3px;}

.pnews-detail .title{ text-align:center; padding:25px 0; border-bottom:1px #e3e3e3 solid;}
.pnews-detail .title .t{ font-size:21px; color:#0066cc;}
.pnews-detail .title .c{ color:#999; margin-top:15px; position:relative; }
.pnews-detail .title .c span{ padding:0 15px;}
.pnews-detail .aside{ padding:28px 0; color:#000; line-height:30px;}
.pnews-detail .aside table{ margin:auto; }
.pnews-detail .aside p{ padding:10px 0px; text-indent: 2em;  }
.pnews-detail .aside p img{ max-width:100%; }
.pnews-detail .nNext{ padding:28px 0; line-height:25px; border-top:1px #ccc dashed;}
.pnews-detail .nNext .fl, .pnews-detail .nNext .fr{ max-width:50%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.pnews-detail .nNext .btn{ background:#f0f0f0; display:inline-block; padding:0 2px; vertical-align:top; margin-right:5px; color:#000;}
.pnews-detail .nNext a{ display:inline-block;}

.ptech-floor{ padding:20px 0 40px 0;}
.ptech-item{ width:655px;}
.ptech-item .news-list{ margin-top:15px; width:100%;}
.ptech-item .news-list .n-item .c{ margin-top:5px;}
.ptech-itemDes{ margin-top:21px;}
.ptech-itemDes .aImg img{ width:206px; height:165px; display:block; border:1px #ebebeb dashed;}
.ptech-itemDes .aList{ width:433px;}
.ptech-itemDes .aList li{ height:28px; line-height:28px; overflow:hidden; vertical-align:middle; position:relative; padding-left:15px;}
.ptech-itemDes .aList li span{ float:right; color:#999;}
.ptech-itemDes .aList li:before{content:''; height:4px; width:4px; display:block; border:2px solid #333; border-left-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:12px; left:0;}


.site-map dl{padding:10px 0;border-bottom:1px dashed #ddd;}
.site-map dt{font-size:16px;line-height:30px;font-weight:bold;}
.site-map dd{overflow:hidden;}
.site-map dd span{display:block;margin-right:10px;float:left;}
.site-map dd span a:after{content:"|";color:#ddd;margin-left:10px;}
.site-map dd span:last-child a:after{content:"";}
.site-map dd p{overflow:hidden;}
.site-map dd strong{display:block;color:#999;}

/**手机导航**/
.menuBtn { background:#1286d5; width:47px; height:47px; position:absolute; right:0; top:12px; z-index: 1100; cursor: pointer; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; display:none;}
.menuBtn .burger {  background:#fff; width:28px; height:3px; display: block; position: absolute; z-index: 5; top: 13px; left: 50%; margin: 0px 0px 0px -14px; border-radius:3px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; -webkit-transition: all .6s cubic-bezier(0.245, 0.145, 1.355, 1); -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1); transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);}
.menuBtn .burger-2 { top:23px; }
.menuBtn .burger-3 { top:33px; }
.menuBtn.active .burger-1 { top: 22px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menuBtn.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menuBtn.active .burger-3 { top: 22px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }

.menuMobileBox { position: fixed; left: 0px; top: 0%; width: 100%; height: 0%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 10006; background-color: #fff; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; }
.menuclose { width: 48px; height: 48px; display: block; position: absolute; right:0; top:0; cursor: pointer; }
.menuclose:hover { background-color:#1286d5; }
.menuclose:hover i { background-color: #fff; }
.menuclose i { width: 30px; height: 2px; background-color: #060606; position: absolute; left: 9px; top: 24px; }
.menuclose .i1 { -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menuclose .i2 { -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }

.navMobile { padding:70px 0 40px 0; }
.navMobile dd { display: block; width: 100%; text-align: center; }
.navMobile dd p a { display:block; text-transform: uppercase; font-size:17px; position: relative; padding:7px 0; transition: 600ms ease 350ms; -webkit-transition: 600ms ease 350ms; opacity: 0; }
.navMobile dd p a.cur, .navMobile dd p a:hover { background:#1286d5; color: #fff; }
.navMobile dd .msubnav { background-color: #fafafa; display: none; padding: 10px 0px; }
.navMobile dd .msubnav a { display: block; font-size: 16px; padding: 5px 0px; color: #8d8d8d; position: relative;  }
.navMobile dd .msubnav a:hover{ color:#1286d5;}

.open .menuMobileBox{ height: 100%;}
.open .navMobile dd p a{opacity: 1;}

/*分页*/
.page{ clear:both;width:100%;line-height:30px;text-align:center;border-top:none;padding:0 0 50px 0; margin:50px auto 0px;font-size: 14px;}
.pagination { width:auto;  margin:0 auto;}
.pagination li {display: inline-block;margin-right: 5px; padding: 1px 6px;background: #fff; color:#771f1a; font-size:16px;min-width:18px;text-align: center;}
.pagination li.active {background: #771f1a;color: #fff;}
.pagination li a {display: block;text-align: center; color:#771f1a;}
.view_video{width:1000px; height:auto;margin:0 auto}
.view_video video { width: 100%; height: 100%; object-fit: cover; }

@media screen and (max-width:1600px){

}

@media screen and (max-width:1366px){

}