body{ background-color:#fff; color: #000;font-size: 14px;line-height: 30px;}
a{color: #000;}
a:hover{color: #990006;}
.main-color{color:#ffcd11}
.sub-color{color:#000}
.main-bgcolor{background-color:#ffcd11}
.sub-bgcolor{background-color:#000}

h1{font-size:26px}
h2{font-size:24px}
h3{font-size:20px}
h4{font-size:16px}

.top-bar{ font-size:12px; color: #FFFFFF; background-color: #666666; position:relative; z-index:101; padding: 6px 0; line-height: 20px;}
.top-bar .top-bar-left{display:inline-block;float:left;}
.top-bar .language{display:inline-block;float:right;}
.top-bar .language .language-ico { padding: 0px 0 0 5px; background-repeat:no-repeat; background-position: 0 2px; }
.top-bar a { color:#e5e5e5; margin-left: 15px;}
.top-bar a:hover {color:#ddd;}

.top-main{background-color: #FFFFFF; height: 115px;}
.top-main .logoimg{margin-top: 20px;margin-right: 20px;}
.top-main .logoimg{height: 75px;}
.top-main .logoir{margin-top: 26px;}
.top-main .contell{background:url(../images/tell.png) left center no-repeat;padding-left: 48px;padding-top: 5px;margin-top: 32px;}
.top-main .contell .p1{color:#333333;font-size:16px;line-height: 18px;}
.top-main .contell .p2{color:#990006;font-size:22px;}

.main-nav{ _float:left; }
.nav{background:#990006;}
.sf-menu{line-height:1.0;}
.sf-menu, .sf-menu * {margin:0;	padding:0;list-style:none;}
.sf-menu span { font-weight:normal; }
.sf-menu em { font-style:normal; }
.sf-menu li{float:left;position:relative;}

/*1*/
.sf-menu li { margin-left: 1px; background-color:transparent;}
.sf-menu a{display:block;border:none;padding-bottom:0;}
.sf-menu a:hover{color:#fff}
.sf-menu .first-level{line-height: 54px;padding: 0 50px;height: 54px;color: #fff;}
.sf-menu .first-level em{font-size: 12px;font-family: Helvetica;color: #999;display: block;line-height: normal;position: relative;top: 50px;-webkit-transform: scale(0.8);text-align: right;}
.sf-menu .first-level span{font-size: 16px;position: relative;font-weight: bold;}
.sf-menu li.current a{color: #fff;}
.sf-menu li.current a:hover{background-color: #990006; }
.sf-menu li.current, 
.sf-menu li.current .first-level,
.sf-menu li.current .first-level:visited{ color: #FFF;background: #002261;}
.sf-menu li.current .first-level em{ color:#fff; }
.sf-menu li:hover,.sf-menu li.nav-hover{background-color: #002261; color: #fff;}
.sf-menu li:hover .first-level em,.sf-menu li:hover .first-level span,
.sf-menu li.nav-hover .first-level em,.sf-menu li.nav-hover .first-level span{ color: #fff; }
.sf-menu .first-level .sf-sub-indicator {display: none;top:3em;}
/*2*/
.sf-menu ul{position:absolute;top:-999em;	width:190px;z-index: 99;}
.sf-menu ul li{width:100%;}
.sf-menu ul li span.second-level{font-size: 16px;width:100%;padding: 20px 0 20px 20px; top:0;display: block;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul { top:54px;}
.sf-menu ul li { margin-left:0; background-color: #fff; border-right:none;color: #ffcd11;}
.sf-menu ul li:hover, 
.sf-menu li.sfHover li.sfHover,
.sf-menu li.sfHover li.sfHover > a,
.sf-menu ul li a:focus, 
.sf-menu ul li a:hover, 
.sf-menu ul li a:active { background-color: #002261;color: #fff;}
.sf-menu li.last{border-right:none;}


.search{position: relative;z-index: 100;}
.search span i{font-size: 24px;}
.search .sf-menu li ul{overflow: hidden; margin-left:0; background-color: #FFCD11; border-right:none;color:#fff;padding: 11px 15px;width: 213px;}
.search .sf-menu li ul .inputc{border:none;background-color: #D1A500;height: 27px;line-height: 30px;padding: 3px 5px;color: #333;border-radius: 2px 0 0 2px;}
.search .sf-menu li ul .inputb{border: none; height: 33px; padding: 0 10px; border-radius: 0 2px 2px 0; background: #575757; color: #fff; font-size: 15px;}

.search input::-webkit-input-placeholder {color:#333;}  
.search input::-moz-placeholder{color:#333;}  
.search input::-moz-placeholder {color:#333;}  
.search input::-ms-input-placeholder {color:#333;}

.serch-m{padding: 15px 0 0 0;text-align: center;}
.serch-m .inputc{border:none;background-color: #002261;height: 27px;line-height: 30px;padding: 3px 5px;color: #FFF;border-radius: 2px 0 0 2px;width: 76%;}
.serch-m .inputb{border: none; height: 33px; padding: 0 10px; border-radius: 0 2px 2px 0; background: #575757; color: #fff; font-size: 16px;width: 18%;}
.serch-m input::-webkit-input-placeholder {color:#fff;}  
.serch-m input::-moz-placeholder{color:#333;}  
.serch-m input::-moz-placeholder {color:#333;}  
.serch-m input::-ms-input-placeholder {color:#333;}



.touch-top { display: block;background: #FFFFFF;-webkit-box-shadow: 2px 0 12px rgba(0, 0, 0, 0.2);      box-shadow: 2px 0 12px rgba(0, 0, 0, 0.2);}
.touch-top .touch-logo {margin:0;float: left;padding: 7px 0; */;}
.touch-top .touch-logo img { height: 56px; display:block; }
.touch-top .touch-navigation { display:block; float: right;}
.touch-toggle li { float:left; height:70px; padding: 0 10px; text-align:center;border:none; }
.touch-toggle li a { display:block; font-size:12px; height: 70px;}	
.touch-toggle li i { display:inline-block; width:32px; height:32px; overflow:hidden; margin-top:20px;font-size: 32px;line-height: 32px;color: #333;}
.touch-toggle li span { display:none; text-align:center; }

.drawer-section { background-color: #990006; padding: 20px; display:none; }	
.drawer-section-menu { padding:20px 20px 35px; }
.touch-language li { width:49.9%; float:left; }
.touch-language li a { display:block; padding:7px 0 7px 5px; color:#fff; font-size: 16px;height: 25px;      line-height: 25px;}	
.touch-language li a:hover, .touch-language li a:active { background-color:#ffcd11; }	
.touch-menu ul li {  position:relative; border-bottom: 1px solid #BC4C4C;}
.touch-menu ul li a { color:#fff; display:block; font-size: 16px; height: 48px; line-height: 48px; padding-left:10px; }
.touch-menu ul li a:hover, .touch-menu ul li a:active { background-color:#002261; }	
.touch-menu ul li i { position:absolute; top: 3px; right:5px; display:block; width: 30px; height: 28px; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:contain; font-size: 19px;color: #fff;}
.touch-menu ul ul { display:none; margin:0; padding: 0 20px 15px 20px; }
.touch-menu ul ul li { border-bottom:none; margin:0; padding:0; }
.touch-menu ul ul li a { padding:0; padding-left:5px; font-size: 16px; height: 38px; line-height: 38px; }		
.touch-menu ul ul li i { top:13px; }

/* pc-slider*/
.index-slider{ width:100%; height: 615px; overflow:hidden; position:relative;}
.index-slider .hd{clear:both;position:absolute;z-index:2;bottom: 24px; text-align:center;display: block;margin: 0 auto;width: 100%;}
.index-slider .hd ul{ display:inline-block;_display:inline;_zoom:1;}
.index-slider .hd ul li{  display: inline-block;margin: 0 5px;width: 12px;height: 12px;border-radius: 50%;background: #FFF;font-size: 0;vertical-align: middle;}
.index-slider .hd ul li.on{background: #990006;}
.index-slider .bd{ position:relative; height:550px; z-index:0;   }
.index-slider .bd ul{margin:0;}
.index-slider .bd li{ zoom:1; vertical-align:middle;width:100%; height: 615px;}
.index-slider .bd li a{width:100%; height: 615px;background-position: top center;background-repeat:no-repeat;display:block;background-size: auto 100%;text-indent: -999em;}
.index-slider .prev{ position:absolute; left:3%; top:45%; margin-top:-25px;width: 64px; height: 64px;filter:alpha(opacity=30);opacity:0.6;transition:all 0.3s;}
.index-slider .next{ position:absolute; right:3%; top:45%;  width: 64px; height: 64px;filter:alpha(opacity=30);opacity: 0.6;transition:all 0.3s;}
.index-slider .next:hover,.index-slider .prev:hover{filter:alpha(opacity=100);opacity:1;}
.index-slider i{font-size: 24px;width:40px;height:40px;border-radius: 5px;border: 1px solid #fff;padding: 12px;color: #fff;}


/*m-slider*/
.index-focus{ width:100%;margin:0 auto; position:relative; overflow:hidden;}
.index-focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom: 12px; text-align:center;  }
.index-focus .hd ul{ display:inline-block; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; vertical-align:top;margin: 0;}
.index-focus .hd ul li{display: inline-block;margin-left: 7px;width: 12px;height: 12px;border-radius: 50%;background: #FFF;font-size: 0;vertical-align: middle;float: left;}
.index-focus .hd ul .on{background: #990006;}
.index-focus .bd{ position:relative; z-index:0; }
.index-focus .bd ul{margin:0;padding:0;}
.index-focus .bd li img{ width:100%; background:url(../images/loading.gif) center center no-repeat;  }
.index-focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);display: block;}


/*footer*/
.footer{overflow: hidden;background-color: #454545;color: #FFF;font-size: 16px;}
.footer a{color: #979797;}
.footer a:hover{color: #DBDBDB;}
.footer .footer-list{padding-top: 40px;overflow: hidden;}
.footer .footer-nav{width: 80%;overflow:hidden;}
.footer .footer-nav li{float:left;width: 16.666%;}
.footer .footer-nav h3{display:block;float:left;_display:inline;line-height: 30px;font-size:16px;color:#fff;font-weight:normal;width:100%;margin-bottom: 10px;padding: 5px 0;}
.footer .f-sublink{float:left;width:100%;}
.footer .f-sublink li{width:100%;padding:4px 0;line-height:1.5;}
.footer .footer-img{margin-top: 10px;width: 20%;}
.footer .footer-img li{width:122px;float: right;text-align: center;line-height:44px;font-size: 14px;}
.footer .footer-img a{display:block;}
.footer .footer-img img{max-width:100%;}
.footer .flink{padding: 15px 0;overflow:hidden;}
.footer .flink a{margin-left:10px;}
.footer .footer-copy{padding: 10px 0;overflow: hidden;background: #1a1a1a;color: #C6C6C6;font-size: 13px;}


.f_nav{text-align:center;color:#fff;height: 57px;line-height: 57px;font-size:16px;background: #2e2e2e;}
.f_nav a{color:#fff;padding:0 30px;}
.f_con{width: 1200px;margin: 0 auto;overflow: hidden;}
.f_img{float:left;padding:35px 0 0;height:180px;border-left: solid 1px #5F5F5F;text-align:center;}
.f_img a em{display:block;font-size:18px;color:#fff;padding:20px 0 0;font-style: normal;}
.f_p{color: #E8E8E8;line-height:30px;padding:40px 0 0 50px;height:175px;border-left: solid 1px #5F5F5F;font-size:14px;}
.f_p em{padding:0 50px;font-style: normal;}
.f_p em a{color: #E8E8E8;font-style: normal;}
.f_img02{padding: 35px 0 0 0;border-left: solid 1px #5F5F5F;height:176px;border-right: solid 1px #5F5F5F;float: right;text-align: center;}
.f_img02 img{float:left;padding:0 25px 10px 0;}
.f_img02 i{display:inline-block;width:121px;color:#fff;font-style: normal;text-align: center;margin: 0 10px;font-size: 12px;line-height: 20px;}
.f_img02 i img{width:120px;}


.footer-mobile-nav{display: block;position: fixed;height: 56px;width: 100%;left: 0;bottom: 0;box-sizing: border-box;z-index: 9;background: #333;      color: #FFFFFF;      font-size: 13px;}
.footer-mobile-nav .m-nav-menu{width: 100%;height: 56px;}
.footer-mobile-nav .m-nav-menu li{float: left;display: inline-block;width: 25%;height: 50px;text-align: center;padding: 3px 0;}
.footer-mobile-nav .m-nav-menu li a{overflow: hidden;display: block;margin-top: 0;}
.footer-mobile-nav .m-nav-menu li .iconfont{color: #fff;font-size: 29px;display: inline-block;margin-top: 3px;}
.footer-mobile-nav .m-nav-menu li .m-nav-text{line-height: 20px;color: #fff;margin-top: -3px;}
.footer-mobile-nav .m-nav-menu li.current{background-color: #990006;}
.footer-mobile-nav .m-nav-menu li.current .iconfont,.footer-mobile-nav .m-nav-menu li.current .m-nav-text{color:#fff}

.gotop-wrapper { position:fixed; bottom:50px; right:15px; z-index:1001; background-color:rgba(0,0,0,0.3); background-color:#969696\9; }
.gotop-wrapper:hover { background-color:rgba(0,0,0,0.6); background-color:#6d6d6d\9; } 
.gotop-wrapper a { display:none; _display:none !important;width:55px; height:55px; overflow:hidden;text-align: center;}
.gotop-wrapper i{color: #fff;font-size: 36px;line-height: 55px;}


.contact { margin-top: 20px;  }
.contact .pic { display: block; position: relative; height: 96px; overflow: hidden; }
.contact .pic .text { position: absolute; top: 50%; margin-top: -32px; width: 80%; height: 64px; background: #a00b04; background: rgba(33, 33, 33, 0.5); line-height: 32px; }
.contact .pic .text span { display: block; padding-left: 16px; text-transform: uppercase; font-size: 18px; font-weight: 700; color: #FFF; }
.contact .contact-list { padding: 16px 18px; border: 1px solid #eee;background: #eee;}



.content-title{text-align:center;display:block;}
.content-title h2{line-height: normal;font-weight: normal;font-size: 22px;color: #000000;padding-top: 0;font-weight: bold;line-height: 27px;}
.content-title p{margin: -10px 0 0 0;}
.content-title span{display:inline-block; *display:inline; *zoom:1; margin: 3px 20px;  font-weight:normal; font-size: 20px; color: #000;line-height: 20px;text-transform: uppercase;}
.content-title .mark-left,.content-title .mark-right,.content-titlei{display: inline-block;position:relative;top: -25px;width: 163px;height:1px;overflow:hidden;background-color: #000;}

.content-more{float:none;text-align:center;}
.content-more a{display:inline-block;*display:inline;*zoom:1;line-height:34px;padding:0 35px;transition:all 0.5s ease 0s;      border: #000000 1px solid;      color: #000;border-radius: 20px;}
.content-more a:hover,.content-more a:active{background-color: #990006;border-color: #990006;color: #fff;text-decoration:none;}

.products{width: 100%;overflow: hidden;}
.productcont{width: 100%;overflow: hidden;}
.pro-left{width: 20%;float: left;background: #efefef;}
.pro-left-title{padding: 30px 8px 30px 73px;color: #fff;font-weight: bold;background: #990003 url(../images/cate.png) 37px 35px no-repeat;font-size: 20px;}
.pro-left-list{padding: 5px 20px 20px 20px;min-height: 405px;}
.pro-left-list img{margin-top: 20px;}
.pro-left-list li{background: url(../images/lll.png) left bottom repeat-x;padding-left: 8px;}
.pro-left-list li a{display: block;padding: 14px 15px 9px 16px;line-height: normal;/* color: #333;*/background: url(../images/left-list-ircon.png) 1px 18px no-repeat;font-size: 15px;}
.pro-right{width: 78%;float: right;}
.pro-right-title{background: #efefef;padding: 18px;line-height: 25px;height: 25px;font-size: 19px;margin-bottom: 20px;}
.pro-right-title h5{margin: 0;display: inline-block;float: left;font-weight: bold;border-left: 4px solid #990006;padding-left: 12px;height: 24px;line-height: 23px;}
.pro-right-title a{background:#000;border-radius:20px;color:#fff;font-family:"simsun";font-size:14px;height: 24px;line-height: 24px;displayinline-blockn;float: right;padding: 0 16px;}
.pro-right-list ul{width: 102%}
.pro-right-list li{padding: 0 2% 2% 0;}
.pro-right-list li p{text-align: center;line-height: 43px;}


.aboutus{width: 100%;overflow: hidden;}
.about-pic{width: 41%; float: left;text-align: center;}
.about-pic img{}
.about-cont{width: 49%; float: right; background: url(../images/aboutbg.png) 0 0 no-repeat; padding: 1% 3% 2% 3%;}
.about-cont h2{font-size: 26px; font-weight: bold; letter-spacing: 2px; margin-bottom: 0;}
.about-cont h5{margin-top: 0;}
.about-cont p{line-height: 26px;}
.about-cont a{display:inline-block}
.about-cont .more{color: #1a4799; border: 1px solid #1a4799; line-height: 40px; display: inline-block; padding: 0 42px; margin-top: 25px;transition: all 0.5s ease 0s;}
.about-cont .more:hover{background:#1a4799;color:#fff}
.swiper-pagination-bullet-active{background: #fff !important;}

.music{width:20px;cursor:pointer;background: #000;      border-radius: 5px;      padding: 1px 3px;float: left;display: inline-block;}
.play{-webkit-animation:rotate 1s infinite;animation:rotate 1s infinite;background: #000;border-radius: 5px;padding: 1px 3px;}
.dn{display:none}
.pause{display:none}

.case{width: 100%;overflow: hidden;}
.caselist{width: 100%;display: inline-block;}
.caselist ul{width: 102%}
.caselist li{padding: 0 2% 2% 0;}
.caselist li a{border: 2px solid #e4e4e4;}

.advlist{width: 100%;overflow: hidden;}
.advpic-left{width: 50%;height:240px;overflow: hidden;background:url(../images/advpic.jpg) right top no-repeat;background-size: auto 100%;}
.advpic-right{width: 50%;height:240px;overflow: hidden;background:url(../images/advright.jpg) left top no-repeat;background-size: auto 100%;}
.advpic-right a{display:block;width: 100%;height: 100%;}

.youshi{width: 100%;overflow: hidden;}
.youshititle{height:199px;background: url(../images/liyoubg.jpg) top center no-repeat;background-size: auto 100%;text-indent: -999em;}
.youshicont{background: #fcfdff;}


.news{overflow: hidden;width: 100%;}
.newslist{overflow: hidden;}
.newslist .col-5{margin:5px 0}
.newslist li.newsfrist{padding: 0;overflow: hidden;margin-bottom: 15px;background: none;height: auto;}
.newslist li.newsfrist a{padding: 0;background: none;display: inline-block;float: left;line-height: 30px;height: auto;overflow: hidden;width: 30%;float: left;}

.newslist li.newsfrist .news-h3{float: right;width: 67%;      }
.newslist li.newsfrist .news-h3 h3{padding: 0;width: 100%;display: inline-block;line-height: 30px;margin-bottom: 0;}
.newslist li.newsfrist .news-h3 h3 a{width: 100%;}
.newslist li.newsfrist .news-h3 p{font-size: 12px;line-height: 24px;overflow: hidden;height: 73px;}
.newslist li{background: url(../images/lll.png) left bottom repeat-x;padding-left: 8px;height: 41px;overflow: hidden;}
.newslist li a{font-size: 16px;background: url(../images/newsircon.jpg) 0px 6px no-repeat;padding-left: 28px;line-height: 41px;height: 41px;}


/*in-content*/
.about-banner{background-position: top center;width: 100%;height:350px;overflow: hidden;background-repeat: no-repeat;}
.mobile-about-banner{overflow: hidden;width: 100%;}
.mobile-about-banner img{width:100%}

.page-title-inner{background: none;border-bottom: 1px solid #e5e5e5;padding: 0;margin-bottom: 20px;line-height: 50px;overflow: hidden;}
.page-title{display: inline-block;float: left;}
.page-title h2{font-size:16px;font-weight:bold;padding: 0;line-height: 50px;}
.page-title-inner .breadcrumbs{padding-left: 16px;background: url(../images/icon-home.png) no-repeat left center;float: right;}
.breadcrumbs{color: #808080;font-size: 12px;}
.breadcrumbs a{color: #808080;font-size: 12px;}
.breadcrumbs a:hover{color:#1c79c1;text-decoration:underline;}
.breadcrumbs strong{color: #333;font-weight: normal;}

.content{overflow: hidden;}
.content-right{width: 72%;float: right;overflow: hidden;}
.content-sidebar{width: 24%;float: left;}
.sidebar-title{color: #fff;font-size: 18px;font-weight: normal;background: #990006;}
.sidebar-title h3{font-size: 18px;font-weight: normal;line-height: 32px;padding: 10px 8px 10px 67px;color: #fff;font-weight: bold;background: url(../images/cate.png) 30px 15px no-repeat;}

.sidebar-cate{background-color: #efefef;padding-bottom: 25px;}
.sidebar-cate li{margin-bottom: 1px;}
.sidebar-cate li a{display: block;padding: 17px 20px 17px 54px;line-height: normal;/* color: #333; */background: url(../images/left-list-ircon.png) 35px 24px no-repeat;font-size: 15px;}
.sidebar-cate li.current,.sidebar-cate li:hover{background-color: #868686;color: #fff;}
.sidebar-cate li.current a,.sidebar-cate li:hover a{color:#fff}

.cateerji{}
.cateerji li{}
.cateerji li a{
    padding: 5px 20px 5px 54px;
    background: none;
    font-size: 14px;
}

.about-content{overflow: hidden;}
.about-content p{margin-bottom: 10px}

.honor-list{overflow: hidden;}
.honor-list .honor-item-img{margin-bottom: 2%;}
.honor-list p{text-align:center}
.honor-item-img .opacity-overlay{width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;cursor:pointer;background-color:#000;opacity:0;filter:alpha(opacity=0);_height:expression( (this.parentElement.clientHeight) +'px');-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-ms-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;}
.honor-item-img .iconfont{display:block;z-index:11;color: #fff;font-size: 27px;text-align: center;position: absolute;top: 45%;width: 100%;}
.honor-item-img a:hover .opacity-overlay{filter:alpha(opacity=70);opacity:0.7;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}

.case-list{overflow: hidden;}
.case-list a{border:2px solid #eee;width: 97%;}
.case-list .honor-item-img{margin-bottom: 2%;}
.case-list p{text-align:center}
.case-item-img .opacity-overlay{width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;cursor:pointer;background-color:#000;opacity:0;filter:alpha(opacity=0);_height:expression( (this.parentElement.clientHeight) +'px');-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-ms-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;}
.case-item-img .iconfont{display:block;z-index:11;color: #fff;font-size: 27px;text-align: center;position: absolute;top: 45%;width: 100%;}
.case-item-img a:hover .opacity-overlay{filter:alpha(opacity=70);opacity:0.7;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}

.advlist{border-bottom: 12px solid #2a54a0;width: 100%;overflow: hidden;}
.advpic-left{width: 50%;float: left}
.advpic-right{width: 50%;float: left;}
.goods-list{overflow: hidden;}
.goods-list ul{width: 102%}
.goods-list .goods-list-item{padding: 0 2% 2% 0;}
.goods-list .goods-list-item p{text-align: center;line-height: 30px;height: 30px;overflow: hidden;}

.content-page{text-align: center;overflow: hidden;width: 100%;margin: 20px 0 10px 0;}
.content-page a{padding: 5px 12px;text-decoration: none;color: #fff;background:#333;display: inline-block;line-height: 24px;}
.content-page a:hover{color: #fff;background: #990006;}
.content-page a:hover em{color:#fff}
.content-page a.on{color: #fff;background: #990006;}
.content-page a.up em{font-family:"simsun";font-style:normal;font-size:14px;margin: 0 8px 0 0;color: #fff;font-weight: 700;}
.content-page a.down em{font-family:"simsun";font-style:normal;font-size:14px;margin: 0 0 0 8px;color: #fff;font-weight: 700;}
.content-page .up:hover em{color: #fff;}
.content-page .down:hover em{color: #fff;}

.content-page-m{text-align: center;overflow: hidden;margin: 20px 0 10px 0;}
.content-page-m a{color: #fff;background:#333;margin: 0 1%;padding: 5px 0;text-decoration: none;display: inline-block;width: 26%;display: inline-block;float: left;line-height: 24px;}
.content-page-m a:hover{color: #fff;background: #990006;}
.content-page-m a:hover em{color:#fff}
.content-page-m a.on{background: #1C79C1;color: #fff}
.content-page-m a.up em{font-family:"simsun";font-style:normal;font-size:14px;margin: 0 5px 0 0;color: #fff;font-weight: 700;}
.content-page-m a.down em{font-family:"simsun";font-style:normal;font-size:14px;margin: 0 0 0 5px;color: #fff;font-weight: 700;}
.content-page-m .up:hover em{color:#fff}
.content-page-m .down:hover em{color:#fff}
.content-page-m select{width: 42%;border: #d5d5d5 1px solid;padding: 6px 2%;text-decoration: none;border-radius: 3px;float: left;}


.product-detail .product-img { text-align:center; margin-bottom:15px; }
.product-detail .product-img img{border: 1px solid #DDD;}
.product-detail .product-name { text-align:center; margin-bottom:30px;font-weight: bold;border-bottom: 1px solid #666;}

.download-list li{padding:8px 0; *vertical-align:text-top; border-bottom:1px solid #e5e5e5;float: left;width: 100%;}
.download-list li .file-download{float: right;background:url(../images/icon-download.gif) no-repeat left center; padding-left:18px; font-size:12px; color:#fca206;}
.download-list li .download-list-title{float:left;padding-left:15px; display:inline-block;  background:url(../images/icon-dot.gif) no-repeat 0 8px;}

.news-list01{overflow:hidden;}
.news-list01 ul{overflow:hidden;}
.news-list01 .news-item-pic{width: 17%;float:left;margin-right:3%;}
.news-list01 .news-list-item{margin-bottom: 3%;overflow: hidden;border-bottom: 1px dotted #d9d9d9;padding-bottom: 3%;}
.news-list01 .news-list-item .news-list-img{float:left;}
.news-list01 .news-list-item .news-item-cont{float:left;width: 80%;}
.news-list01 .news-list-item .news-item-cont h4{float:left;display:inline-block;height:24px;overflow:hidden;width:100%;margin: 0 0 10px 0;font-weight: bold;font-size: 16px;line-height: 24px;overflow: hidden;}
.news-list01 .news-list-item .news-item-cont .news-summary{float:left;color:#808080;height: 44px;overflow:hidden;line-height: 22px;font-size: 13px;}


.article-title{width:100%;text-align:center}
.article-title h1{width:100%;font-size:20px;font-weight: bold;}
.entry-meta{display: inline-block;margin: 0 auto;}
.entry-meta span{ color: #666;font-size: 12px;display:inline-block;float: left;margin: 0 5px;}
.entry-meta span a{color: #999;}
.entry-meta span strong{font-weight:normal}
.entry-meta .share-toolbar{display:inline-block;}
.entry-meta .share-toolbar span{ float: left;}

.article-page{width: 100%;display: block;margin-top: 2%;}
.article-page a{width: 100%;display: block;line-height: 30px;height: 30px;overflow: hidden;}

.faqfold .item{ position:relative;margin-bottom: 5px;}
.faqfold .item h4{margin:0;font-weight:bold;position:relative;border-top: 1px solid #fff;font-size:15px;line-height:45px;padding: 0 10px;cursor:pointer;padding-right:30px;background-color: #F2F2F2;color: #333;}
.faqfold .item h4 b{position:absolute;display: block; cursor:pointer;top: 0;width: 40px;height: 45px; text-align:center; line-height:45px;right: 0;border-left: 1px solid #fff;font-size: 18px;font-family: "simsun";}
.faqfold .item h4.selected{background-color: #333333; color: #FFCD11;}
.faqfold .item .info{display:none;padding:10px}
.faqfold .item h4:hover{background-color: #FFCD11;color: #333;}
.cus-content{overflow: hidden;}
.message{width:100%;overflow:hidden;padding-top:20px;border-top:1px solid #eee;margin-top:20px}
.meaasge-input{overflow: hidden;}
.meaasge-input .inputtext{background-color:#eff1f2;border-left:5px solid #cad0d1;border-radius:0px;width: 30.6%;margin: 0 1.333% 2% 0;float: left;}
.meaasge-input input:nth-child(3){margin-right:0;}
.meaasge-input input{border:none;color:#4c4c4c;padding:11px 5px;}
.meaasge-input input:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,0.75),0 0 3px rgba(0,0,0,0.6)!important;border-color:rgba(0,0,0,0.6) !important}
.message-textarea textarea:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,0.75),0 0 3px rgba(0,0,0,0.6)!important;border-color:rgba(0,0,0,0.6) !important}
.message-textarea .textareat{background-color:#eff1f2;border-left:5px solid #cad0d1;border-radius:0px;width:98.4%;}
.message-textarea textarea{border:none;color:#4c4c4c;padding:11px 5px;}
.message-button .me-button{background:#f2f4f5;float:right;padding:5px;border:1px solid #a4acad!important;border-color:#eeeeee;}
.message-button .me-button:hover{background:#cad0d1;}

.searchc{height: 58px;}
.search_l{background: #002261;height: 30px; padding: 15px 0; width: 50%;font-size: 14px;color: #fff;}
.search_l a{color:#fff;margin-right: 8px;}
.search_l a:hover{color: #A6A6A6;}
.search_r{ background: #990006;height: 30px;padding: 15px 0;width: 50%;}
.left-ser{
    width: 600px;
    float: left;
}
.right-ser{
    width: 600px;
    float: right;
}
.search_txt{border:none;height: 25px;padding:2px 3px;float: right;width: 280px;}
.searchbtn{float: right;}
.searchbtn input{height:30px;width:77px;margin-top: -4px;}


#chatnb{position: fixed;right: 0;top: 260px;z-index: 2000;}
#chatnb a{-webkit-transition-duration: 0.5s;-ms-transition-duration: 0.5s;-o-transition-duration: 0.5s;-moz-transition-duration: 0.5s;transition-duration: 0.5s;}
#chatnb a{width:66px;height: 66px;background-color: #3B6AC2;color: #FFF;background-position:center 10px;background-repeat:no-repeat;float:right;clear:both;margin-bottom: 1px;text-align: center;}
#chatnb a img{width:34px;margin-top:8px}
#chatnb a i{width: 34px;height: 40px;display: inline-block;font-size: 28px;margin: 0px 16px;line-height: 40px;}
#chatnb a p{width:100%;text-align:center;line-height: 18px;}
#chatnb a:hover{border-right:15px #666 solid;}
#chatnb .cc4{width:66px;background-position:center 10px;color:#fff;text-align:center;position:relative;background-color: #666;}
#chatnb .cc4 i{font-size: 30px;line-height: 42px;}
#chatnb .cc4 span{position:absolute;right:10px;top:0;line-height:66px;color:#fff;font-size: 22px;z-index:10;height:66px;width:175px;background-color: #666;display:none;}
#chatnb .cc4:hover{background-position:23px 10px;text-align:left;text-indent:10px;width:200px;background-image:none;color: #666;border-right: 15px #666 solid;}
#chatnb .cc4:hover span{display:block;color:#fff;} 

#chatnbb{position: fixed;right: 0;top: 260px;z-index: 2000;}
#chatnbb a{-webkit-transition-duration: 0.5s;-ms-transition-duration: 0.5s;-o-transition-duration: 0.5s;-moz-transition-duration: 0.5s;transition-duration: 0.5s;}


@media ( max-width : 1300px) {
	.sf-menu .first-level{padding: 0 40px;}
	.meaasge-input .inputtext{width:100%;margin:0 0 1% 0;}
}
@media (max-width:767px){
	.content-title .mark-left,.content-title .mark-right{display:none}
	.newslist li a{font-size: 14px;}
	
	.content-title h2{font-size:20px;}
	.content-title span{font-size:14px;line-height: 20px;}
	.aboutus-right{margin-top:15px}

	.content-right{width: 100%;}
    .content-sidebar{width: 100%;}

	.touch-top .touch-logo img { height: 46px;}
	.touch-toggle li {height:60px;}
	.touch-toggle li i {margin-top:15px;}
	.touch-toggle li a { height:60px; }
    
    .meaasge-input .inputtext{width:100%;margin:0 0 1% 0;}
	.message-textarea .textareat{width:100%;}
	.meaasge-input{margin-bottom:0;}
	.newslist li.newsfrist{margin-bottom: 5px;}


	.pro-right{width: 100%}
	.pro-right-title{background: #efefef;padding: 10px 18px 7px 18px;line-height: 25px;height: 25px;font-size: 17px;margin-bottom: 20px;}
	.pro-right-title h5{padding-left: 12px;height: 20px;line-height: 19px;}
	.pro-right-title a{font-size: 11px;height: 24px;line-height: 24px;padding: 0 12px;}
	.pro-right-list li p{line-height: 40px;}

	.about-pic{width:100%; float: left;}
	.about-cont{width: 94%;text-align: center;background: none;}
	.about-cont h2{font-size: 18px;padding: 10px 0 5px 0;}
	.about-cont p{text-align: left;}
	.advpic-left{width: 45%;float: left}
    .advpic-right{width: 55%;float: left;}
	.advpic-left{height: 80px;}
	.advpic-right{height: 80px;}
	.youshititle{height: 68px;background-size: auto 100%}
	.newslist li.newsfrist a{width: 40%;line-height: 17px;}
	.newslist li.newsfrist .news-h3 p{line-height: 20px;height: 60px;}
    .newslist li.newsfrist .news-h3{width: 53%;      }
    .music{display: none !important;}

}
@media(min-width:768px) and (max-width:991px){
	.about-pic{width:100%; float: left;}
	.about-cont{width: 94%;text-align: center;background: none;}
	.about-cont h2{font-size: 18px;padding: 10px 0 5px 0;}
	.about-cont p{text-align: left;}
	.pro-right{width: 100%;}
	.content-title .mark-left,.content-title .mark-right{display:none}
	.advpic-left{width:45%;float: left}
    .advpic-right{width:55%;float: left;}
	.advpic-left{height: 150px;}
	.advpic-right{height: 150px;}
	.youshititle{height:100px;background-size: auto 100%}
	.music{display: none !important;}

}