/*Common Style*/

*{ margin:0px; padding:0px;}

body{font-size:14px; color:#333333; font-family:"Microsoft YaHei"; font-family:'微软雅黑'; min-width:1300px; overflow-x:hidden;}

img{margin: 0px; padding: 0px;border: 0px;}

dl,dt,dd,ol,ul,li,from,input,select,span,p,div{margin: 0px; padding: 0px; list-style: none;}

.clear,.cl{clear:both;}

a{color: #333333; text-decoration: none; font-size:14px;}

a:hover{color: #B90000;cursor:pointer;}

em ,i{ font-style:normal;}

input,button,select,textarea{outline:none}

.fl{ float:left;}

.fr{ float:right;}

.mainpage{width: 1300px;margin: 0px auto 0px auto;}

.page_main{width: 1300px;margin: 0px auto 0px auto;}

.bgw{background-color: #fff;}

.bg01{background-color: #f5f5f5;}

.index_box01{background-color: #fff;width: 100%;}

.index_box02{background-color: #f5f5f5;width: 100%;overflow: hidden}

.pd8{padding: 8px;}

.pd12{padding: 12px;}

.pd20{padding: 20px;}







/*head*/

.head{}

.head .top{height: 45px;border-bottom: 1px solid #eee;line-height: 44px;font-size: 14px;color: #aaa;}

.head .top .top_tools{}

.head .top .top_tools ul{}

.head .top .top_tools ul li{float: left;border-right: 1px solid #eee;padding: 0px 20px 0px 19px; position: relative; -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out;}

.head .top .top_tools ul li:first-child{border-left: 1px solid #eee;}

.head .top .top_tools ul li i{font-size: 24px;vertical-align: middle;padding-right: 8px;}

.head .top .top_tools a{font-size: 14px;color: #aaa;}

.head .top .top_tools ul li .qrcode{width: 100%;left: 0px; position: absolute;text-align: center; transition:height 0.5s;-webkit-transition:height 0.5s;height: 0px;overflow: hidden;background-color: #fff;}

.head .top .top_tools ul li .qrcode img{width: 120px;height: 120px;margin: 10px 0px;}



.head .top .top_tools ul li:hover{background-color:#0337AF;color: #fff; }

.head .top .top_tools ul li:hover i{position:relative;animation:icomove 0.5s infinite;-webkit-animation:icomove 0.5s infinite;animation-iteration-count: 1;}



@keyframes icomove



{

from {top:40px;}

to {top:0px;}

}





@-webkit-keyframes icomove /*Safari and Chrome*/

{

from {top:40px;}

to {top:0px;}

}







.head .top .top_tools ul li:hover a{color: #fff;}

.head .top .top_tools ul li:hover  .qrcode{height: 140px;display: block;border: 1px solid #eee;overflow-x: visible;z-index: 9;}

.head .logo_box{padding: 25px 0px}

.head .logo_box .logo{}

.head .logo_box .biaoyu{float: left;margin-left: 10px;}

.head .logo_box .biaoyu .title01{width:360px; font-size:29px;font-weight: bold; color:#0337AF; line-height:40px;letter-spacing: 7px;}

.head .logo_box .biaoyu .title02{width:318px;font-size:22px;font-weight:400;height:29px;line-height: 30px;color:#333;text-align:justify;}

.head .logo_box .biaoyu .title02::after {display: inline-block;width: 100%;content: '';}

.head .logo_box .biaoyu .title02 ul{}

.head .logo_box .biaoyu .title02 ul>li{float: left;}

.head .logo_box .tel_box{float: right;}

.head .logo_box .tel_box i{font-size: 72px;margin-right: 15px;color: #999;}

.head .logo_box .tel_box p{font-size:18px;line-height:14px;margin-bottom:5px; color: #666; font-weight: 100;}
.head .logo_box .tel_box em{font-size:36px;font-family:Impact,Arial; line-height:68px; font-style: normal; color: #B20000;}

.head .logo_box .tel_box em span{font-size: 16px; line-height: 24px; color:#0337AF;}







/*nav*/



.nav{background-color: #0337AF;margin-top: 20px;}

.nav #menu_box{width: 1300px;margin: 0px auto 0px auto;position: relative;}

.nav #menu_box>li{float: left;padding:10px 45px 10px 35px;height: 57px;overflow: hidden;text-align:center;}

.nav #menu_box>li>a{display: inline-block;text-align:center;font-size:18px;height:50px;line-height:50px;color:#fff;position:relative;z-index:1113;}

.nav #menu_box>li:hover{background: #B90000;}

.nav #menu_box>li:hover a{color: #fff;}

.nav #menu_box>li>.subname{display:block;text-align:center;position:relative;z-index:1113;text-transform:Uppercase;font-size:12px;font-weight:100;color:#eee;line-height:14px;overflow:hidden;text-indent:0;transition:0.2s all ease-in-out;}





#bgli { position: absolute; background: #0337AF; width: 70px; height: 57px; z-index: 1; }





/*banner*/



.banner{ min-width:1000px;  position:relative;  height:766px; overflow:hidden;  }

.banner .bd{ position:relative; z-index:0;  }

.banner .bd ul{ width:100% !important; }

.banner .bd li{ width:100% !important;  height:766px; }

.banner .bd li .siteWidth{ width:1000px; position:relative;  margin:0 auto;  height:766px;  }

.banner .bd li a{ height:600px; display:block;  }

.banner-btn{ width: 100%; position: absolute; top: 0; left: 0; margin-left: 0; height: 766px; overflow: hidden; }

.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:248px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; -webkit-transition:0.3s all ease-in-out; transition:0.3s all ease-in-out}

.banner-btn a.prev{ left:-50px; background:url(../images/bnt.png) no-repeat 0 0; }

.banner-btn a.next{ right:-50px; background:url(../images/bnt.png) no-repeat -49px 0; }

.banner-box .hd { position:absolute; bottom:265px; width: 100%; display: block; }

.banner-box .hd ul { width: 1200px; margin: 0 auto; text-align: center; }

.banner-box .hd ul li{ width:35px; height:10px; border-radius:20px; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; -webkit-transition:0.3s all ease-in-out; transition:0.3s all ease-in-out; text-align: center; position: relative; z-index: 1111; }

.banner-box .hd ul li.on{ background: #0337AF; width: 70px; }

.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }

.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }

.banner-box .banner-btn a.prev:hover,.banner-box .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }







/*search*/

.search_bg{width:100%;height:60px; margin:0 auto;min-width:1002px; background:#fff; padding:10px 0px;}

.search_b{width:1300px; margin:0 auto; height:80px; }

.search-i{float:left; margin-top:10px;}

.search_r{width: 210px;float: right; background-color: #fff;border-radius: 50px; height: 40px; border:1px #d2d2d2 solid;margin-top: 10px;}

.search-bg {float: left; width: 155px;height: 40px;overflow: hidden; background: #fff;margin-left: 15px;}

.search-text{width:890px; float:left; line-height:60px; color: #666; font-size: 15px; font-weight: 100;}

.search-text a{color: #666; font-size: 14px;}

.search-text strong{font-weight: bold; font-size: 15px;}





.search_center img{width:400px;}

.search_center .bodycontent div div+div{width:400px !important; height:40px !important; line-height:40px !important; overflow: hidden;}











/*bot*/

.bot{padding: 52px 0 30px; text-align: center;}

.bot p{ font-size:40px; color:#222;}

.bot p em{color: #0165cc;}

.bot span{ font-size:18px; color:#666; display:block; margin-top:10px;}

.bot span>em{font-size: 30px;color: red;}

.bot i{width: 30px;height: 3px;background: #0337AF;display:block;   margin: 0 auto;margin-top: 10px}

.bot1 p{ font-size:40px; color:#fff; font-weight:bold;}

.bot1 span{ font-size:18px; color:#eee; display:block; margin-top:10px;}

.bot1 span>em{font-size: 30px;}

.bot1 i{width: 21px;height:19px;display:block;   margin: 0 auto;margin-top: 10px; background:none;}





.htitle_01{ text-align: center; padding-bottom: 30px; }

.htitle_01 .btitle{ font-size: 36px; font-weight: bold; margin-bottom: 5px; }

.htitle_01 .btitle em{ color: #0337AF; font-style: normal; }

.htitle_01 .stitle{ font-size: 22px; font-family: "Times New Roman"; color: #666;padding: 5px 20px; display: inline-block; position: relative; }

.htitle_01 .line{ height: 1px; background-color: #ddd; overflow: hidden; margin-top: -25px; }



.index_count{background-color: #fff;width: 100%;}

.index_count ul{}

.index_count ul li{float: left;width: 25%;box-sizing: border-box;padding: 50px 20px;text-align: center;}

.index_count ul li .t1{font-size: 26px;color: #666;}

.index_count ul li .t1 .num{font-size: 74px;color: #0337AF;}

.index_count ul li .t2{font-size: 16px;color: #666;}









/*首页优势图标列表01*/

.index_icon_list01{}

.index_icon_list01 .title01{ color: #0337AF; text-align: center; font-size: 30px; font-family: "MicroSoft YaHei", "SimHei"; line-height: 40px; margin-top: 40px; }

.index_icon_list01 .title02{ color: #666; text-align: center; font-size: 18px; font-family: "MicroSoft YaHei", "SimHei"; line-height: 30px; }

.index_icon_list01 .title02>i{ font-size: 24px; }

.index_icon_list01 .line01{ margin-top: 10px; width: 500px; background-color: #ccc; height: 3px; overflow: hidden; margin-left: auto; margin-right: auto; }

.index_icon_list01 .line02{ width: 120px; height: 3px; background-color: #0337AF; overflow: hidden; margin-left: auto; margin-right: auto; }

.index_icon_list01 .list{ margin-top: 40px; }

.index_icon_list01 .list>ul{ margin-left: -85px; }

.index_icon_list01 .list>ul>li{ width: 240px; height: 350px; background-color: #fff; display: inline-block; margin-left: 85px; text-align: center; border-radius:8px; border: 5px solid #fff; box-shadow: 0px 0px 20px #eee;-webkit-transition-duration: 0.5s; transition-duration: 0.3s; -webkit-transition-property: color, background-color,border; transition-property: color, background-color,border;  }

.index_icon_list01 .list>ul>li:hover{ border: 5px solid #0337AF; }

.index_icon_list01 .list>ul>li>.icon{ width: 100px; height: 100px; padding: 20px; font-size: 90px; border-radius:100px; background-color: #f5f5f5; margin: 20px auto; color: #666; }

.index_icon_list01 .list>ul>li:hover>.icon{ background-color: #0337AF; color: #fff;animation: rotate 0.9s linear 1; }

.index_icon_list01 .list>ul>li>.title{ font-size: 26px; font-family: "MicroSoft YaHei", "SimHei"; line-height: 36px; color: #000; }

.index_icon_list01 .list>ul>li>.con{ font-size: 14px; color: #666; line-height: 1.6; padding: 10px 12px 0px 12px; min-height: 140px; }





@keyframes rotate {

    0%{-webkit-transform:rotate(0deg);}

    25%{-webkit-transform:rotate(90deg);}

    50%{-webkit-transform:rotate(180deg);}

    75%{-webkit-transform:rotate(270deg);}

    100%{-webkit-transform:rotate(360deg);}

}





/*bmore bnt*/

.bmore_bnt{

	text-align: center;

	color: #fff;

	display: inline-block;

	background-color: #0337AF;

	font-size: 20px;

	line-height: 30px;

	padding: 10px 30px;

	border-radius: 25px;

	-webkit-transition-duration: 0.5s;

	transition-duration: 0.5s;

	-webkit-transition-property: color, background-color,padding;

	transition-property: color, background-color,padding;



}



.bmore_bnt:hover{color: #fff;text-decoration: none;padding: 10px 80px;}





/*bmore bnt*/





.index_case{}

.index_case .cases{}

.index_case .cases ul{margin-left: -25px;}

.index_case .cases li{width: 300px;height: 225px;background-color: #f5f5f5;float: left;border: 1px solid #eee;margin-left: 25px;margin-bottom: 30px;text-align: center;}
.index_case .cases li a{line-height: 40px;font-size: 18px;}
.index_case .cases li img{width: 300px;height: 225px;}



.index_case .cases2{}
.index_case .cases2 ul{margin-left: -64px;}
.index_case .cases2 li{width: 270px;height: 360px;background-color: #f5f5f5;float: left;border: 1px solid #eee;margin-left: 64px;margin-bottom: 30px;text-align: center;}
.index_case .cases2 li a{line-height: 40px;font-size: 18px;}
.index_case .cases2 li img{width: 270px;height: 360px;}







/*首页关于我们*/

.index_about_01{padding: 80px 0px 10px 0px; background-image: url('../images/about_bg.png');background-repeat: repeat-x;}

.index_about_01 .about_txt{width: 60%;float: left;}

.index_about_01 .about_txt .title{position: relative;height: 200px;overflow: hidden;}

.index_about_01 .about_txt .title::before{

	content: '';

	border: 5px solid #0337AF;

	width: 90px;

	height: 170px;

	top:0px;

	left: 0px;

	display: block;

}

.index_about_01 .about_txt .title::after{

	content: '';

	margin: 50px;

	display: block;

	position: relative;

}



.index_about_01 .about_txt .title p{

	display: block;

	background-color: #f5f5f5;

	color: #0337AF;

	font-size: 48px;

	font-weight: bold;

	line-height: 60px;

	padding: 0px;

	margin: -140px 0px 0px 30px;



}

.index_about_01 .about_txt .title span{

	background-color: #f5f5f5;

	color: #666;

	font-size: 28px;

	line-height: 38px;

	padding: 0px;

	margin: 0px 0px 0px 30px;

}

.index_about_01 .about_txt .con{padding-right: 20px;font-size: 18px;color: #333;line-height: 1.5;height: 160px;overflow: hidden;}

.index_about_01 .about_txt .bnt{margin-top: 20px;}

.index_about_01 .about_img{float: right;width: 40%;background-color: #ccc;}

.index_about_01 .about_img img{width: 100%;max-height: 420px;}



/*bmore bnt*/

.bmore_bnt2{

	text-align: center;

	color: #fff;

	display: inline-block;

	background-color: #B90000;

	font-size: 20px;

	line-height: 28px;

	padding: 10px 30px;

	border: 2px solid #B90000;

	border-radius: 25px;

	-webkit-transition-duration: 0.5s;

	transition-duration: 0.5s;

	-webkit-transition-property: color, background-color,padding;

	transition-property: color, background-color,padding;



}



.bmore_bnt2:hover{color: #fff;text-decoration: none;padding: 10px 80px;}









/*新闻列表01*/

.index_news_01{}

.index_news_01 .news_cate{text-align: center;}

.index_news_01 .news_cate>ul{margin: 0px auto 20px auto;}

.index_news_01 .news_cate>ul::after{clear: both;}

.index_news_01 .news_cate>ul>li{

	display: inline-block;

	background-color: #fff;

	border-radius: 25px;

	margin-left: 30px;

	transition:0.3s all ease;

}



.index_news_01 .news_cate>ul>li>a{display: inline-block;line-height: 30px;font-size: 20px;padding: 10px 30px;}

.index_news_01 .news_cate>ul>li>a:hover{text-decoration: none;}

.index_news_01 .news_cate>ul>li:hover{background-color: #0337AF;}

.index_news_01 .news_cate>ul>li:hover a{color: #fff;}



.index_news_01 .news_cate>ul>li.active{background-color: #0337AF;}

.index_news_01 .news_cate>ul>li.active a{color: #fff;}

.index_news_01 .news_con{padding-top: 20px;}

.index_news_01 .news_list{background-color: #fff;box-sizing: border-box;}





.index_news_01 .news_list .tupian_news{width: 34%;height: 420px;border-right: 1px solid #efefef;box-sizing: border-box;padding: 22px;float: left;}

.index_news_01 .news_list .tupian_news img{width: 400px;height: 270px;}

.index_news_01 .news_list .tupian_news .title{font-size: 20px; color:#333;line-height: 40px;}

.index_news_01 .news_list .tupian_news .title a{color:#333;}

.index_news_01 .news_list .tupian_news .title a:hover{text-decoration: none;color: #0337AF;}

.index_news_01 .news_list .tupian_news .descript {color: #999;font-size: 14px;}

.index_news_01 .news_list .tupian_news .descript a{color: #999;}

.index_news_01 .news_list .tupian_news .info{margin-top: 10px;}

.index_news_01 .news_list .tupian_news .info .date{font-size: 12px; color: #999;float: right;background-color: #efefef;display: inline-block;padding: 5px 10px;border-radius: 4px;}



.index_news_01 .news_list .news_item{float: right;width: 66%;height: 420px;box-sizing: border-box;}

.index_news_01 .news_list .news_item li{width: 50%;box-sizing: border-box;height: 140px;float: left;padding: 22px;border-bottom: 1px solid #efefef;transition:0.3s all ease;}

.index_news_01 .news_list .news_item li:nth-child(odd){border-right: 1px solid #efefef;}

.index_news_01 .news_list .news_item li:nth-child(even){}

.index_news_01 .news_list .news_item li:nth-child(5){border-bottom: 0px}

.index_news_01 .news_list .news_item li:nth-child(6){border-bottom: 0px}



.index_news_01 .news_list .news_item li .date{width: 20%;text-align: center;padding-top: 10px;float: left;}

.index_news_01 .news_list .news_item li .date .day{font-size: 38px;color: #333;}

.index_news_01 .news_list .news_item li .date .ym{font-size: 14px;color: #999;}



.index_news_01 .news_list .news_item li .con{width: 80%;box-sizing: border-box;float: left;padding-top: 5px;padding-left: 10px;}

.index_news_01 .news_list .news_item li .con .title{font-size: 20px; color:#333;line-height: 40px;}

.index_news_01 .news_list .news_item li .con .title a{color: #333;}

.index_news_01 .news_list .news_item li .con .title a:hover{text-decoration: none;}

.index_news_01 .news_list .news_item li .con .descript{color: #999;font-size: 14px;}



.index_news_01 .news_list .news_item li:hover {background-color: #0337AF;color: #fff;}

.index_news_01 .news_list .news_item li:hover .date .day{color: #fff;}

.index_news_01 .news_list .news_item li:hover .date .ym{color: #fff;}

.index_news_01 .news_list .news_item li:hover .con .title{color:#fff;}

.index_news_01 .news_list .news_item li:hover .con .title a{color:#fff;}

.index_news_01 .news_list .news_item li:hover .con .descript{color: #fff;}





/*page*/





#tabs { margin: 0 0 0 250px; padding: 7px 0 0; list-style-type: none; }

#tabs li { line-height: 32px; text-align: center; width: 98px; height: 32px; float: left; margin-right: 4px; margin-left: 4px; }

#tabs li a { color: white; font-size: 14px; font-weight: bold; }

#tabs .tab-active { background-color: #3ACD16; }

#tabs .tab-nav { background-color: #0337AF; }

.panel ul li { background-image: url(../images/li02.png); background-repeat: no-repeat; background-position: 4px 12px; text-indent: 18px; height: 32px; overflow: hidden; border-bottom: 1px solid #ebebeb; }

.panel ul li a { color: #666; font-size: 14px; line-height: 32px; width: 324px; height: 32px; overflow: hidden; }

.panel ul li span { color: #999; font-size: 14px; font-family: "Verdana"; line-height: 33px; float: right; }

.more { color: white; font-size: 12px; line-height: 36px; float: right; padding-right: 10px; padding-left: 10px; margin-top: 15px; }

.more a { color: #fff; }

#photos li img { background-color: white; padding: 1px; border: solid 1px #ccc; }



/*imgnewslist style*/



.imgnewslist { overflow: hidden; height: 206px; }

.imgnewslist ul { margin: 0px 0px 0px -20px; padding: 0px; }

.imgnewslist ul li { text-align: center; width: 220px; overflow: hidden; float: left; margin: 10px 0px 20px 21px; padding: 0px; border: solid 1px #ebebeb; }

.imgnewslist ul li .news_thumb { background-color: white; }

.imgnewslist ul li .news_thumb img { width: 220px; height: 154px; padding: 0px; }

.imgnewslist ul li .product_name { background-color: #fff; height: 38px; overflow: hidden; }

.imgnewslist ul li .product_name a { color: #000; font-size: 14px; line-height: 38px; word-break: break-all; }

.imgnewslist ul li:hover .product_name a { color: #333; }



/*links style*/



.links .title01 {font-size: 24px;text-align: left; color: #333; line-height: 32px;height: 32px; font-family: "MicroSoft YaHei", "SimHei";overflow: hidden;}

.links .title01 span{font-size: 14px;color: #999;}

.links .line { border-bottom: 2px solid #0337AF; }

.links .links_list { margin-top: 10px; background-color: #fff; margin-bottom: 20px; }

.links .links_list ul { padding: 12px; min-height: 28px;}

.links .links_list ul li { float: left; margin-right: 20px; margin-left: 20; }

.links .links_list ul li a { font-size: 14px; color: #999; line-height: 28px; text-decoration: underline; }

.links .links_list ul li a:hover { color: #cc0000; }







/*footer*/



.footer { background-color:#0337AF;text-align: left;min-height: 80px;padding: 30px 0px 30px 0px;color: #fff;line-height: 1.6; }

.footer a {color: #fff;}

.footer .foot_logo{float: left;border-right: 1px solid #708DD2;padding-right: 50px;}
.footer .foot_logo ul{}
.footer .foot_logo ul li{text-align: center;}



.footer .foot_info{float: left;padding: 0px 10px 0px 30px;}
.footer .foot_info .foot_con{font-size: 14px;color: #fff;}


.footer .info{background-color: #0337AF;color: #fff;padding: 10px;}
.footer .foot_info .foot_nav{display: inline-block;}
.footer .foot_info .foot_nav>li{line-height: 1.8;float: left;margin-left: 10px;margin-right: 10px;}
.footer .foot_info .foot_nav>li a{color: #fff;font-size: 16px;font-weight: bold;}






.footer .foot_fgs{float: left;width: 450px; margin-left: 30px;border-right: 1px solid #555;padding-right: 30px;}

.footer .foot_fgs .hd{}
.footer .foot_fgs .hd>ul{}
.footer .foot_fgs .hd>ul>li{font-size: 16px;color: #fff;display: inline-block;padding:5px 10px;border-radius: 3px;cursor:pointer;}
.footer .foot_fgs .hd>ul>li.on{background-color: #0337AF;}
.footer .foot_fgs .bd{color: #ccc;font-size: 14px;line-height: 1.5;margin-top: 20px;}




.footer .foot_qrcode{float: right;}

.footer .foot_qrcode>ul{}

.footer .foot_qrcode>ul>li{float: left;margin-left: 30px;width: 100px;}

.footer .foot_qrcode>ul>li>img{width: 100px;height: 100px;}

.footer .foot_qrcode>ul>li>span{display: block;text-align: center;background-color: #666;font-size: 16px;line-height: 36px;margin-top: 20px;}

.footer .foot_qrcode>ul>li>span.blue{background-color: #0337AF;border-radius: 3px;}

.footer .foot_qrcode>ul>li>span.green{background-color: #000;}







#footnav_box{margin-left: -15px;}

#footnav_box>li{display: inline-block;margin-left: 15px;}







/*page style*/



.head_title { }

.head_title .title { float: left; width: 600px; overflow: hidden; }

.head_title .title h1 { text-align: left; font-family: "MicroSoft YaHei", "SimHei"; font-size: 26px; font-weight: normal; color: #333; line-height: 60px; }

.head_title .title h1 i { padding: 0px 10px 0px 10px; }

.head_title .title h2 { text-align: left; font-family: "MicroSoft YaHei", "SimHei"; font-size: 26px; font-weight: normal; color: #333; line-height: 60px; }

.head_title .title h2 i { padding: 0px 10px 0px 10px; }

.head_title .catpos { color: #999; font-size: 12px; line-height: 60px; float: right; width: 530px; overflow: hidden; text-align: right; }

.head_title .catpos a { color: #999; }

.head_title .catpos a:hover { color: #cc0000; }



/**/



.page { margin-top: 20px;}

.page_sidebar { float: right; width: 260px; margin-bottom: 50px; }

.page_sidebar .title { background-color: #0337AF; color: white; line-height: 40px; font-size: 16px; font-family: "MicroSoft YaHei", "SimHei"; }

.page_sidebar .title i { padding: 0px 10px 0px 10px; }

.page_sidebar .catelist { border: 1px solid #ebebeb; padding: 0px 10px 0px 10px; background-color: #fff; margin-bottom: 20px; }

.page_sidebar .catelist i { padding: 0px 10px 0px 10px; }

.page_sidebar .catelist li { font-size: 14px; border-top: 1px solid #f5f5f5; line-height: 40px; }

.page_sidebar .catelist li:first-child { border-top: none; }

.page_sidebar .catelist li > a { color: #666; }

.page_sidebar .catelist li > a:hover { color: #cc0000; }

.page_sidebar .catelist h5 { color: #333; font-size: 14px; font-weight: normal; line-height: 26px; padding-top: 10px; padding-bottom: 10px; font-weight: bold; text-align: center; border-bottom: 1px solid #ebebeb; }

.page_sidebar .sidecontact { color: #666; font-size: 12px; font-family: "MicroSoft YaHei", "SimHei"; line-height: 22px; padding: 10px 0px 20px 0px; }

.page_sidebar .catelist2 { background-color: #fff; margin-bottom: 20px; }

.page_sidebar .catelist2 > ul { padding: 10px; }

.page_sidebar .catelist2 > ul > li { margin-top: 6px; }

.page_sidebar .catelist2 > ul > li a:hover { text-decoration: none; }

.page_sidebar .catelist2 > ul > li > a { background-color: #0337AF; font-size: 14px; line-height: 32px; color: #fff; display: block; height: 32px; padding-left: 22px; background-image: url(../images/icon01.png); background-position: 7px 12px; background-repeat: no-repeat; overflow: hidden; }

.page_sidebar .catelist2 > ul > li > a:hover { background-color: #3ACD16; }

.page_sidebar .catelist2 > ul > li > ul > li { margin-top: 6px; }

.page_sidebar .catelist2 > ul > li > ul > li > a { font-size: 14px; line-height: 32px; color: #333; padding-left: 22px; display: block; height: 32px; background-image: url(../images/icon02.png); background-position: 7px 12px; background-repeat: no-repeat; overflow: hidden; }

.page_sidebar .catelist2 > ul > li > ul > li > a:hover { background-color: #3ACD16; color: #fff; }

.page_sidebar .txtlist { border: 1px solid #ebebeb; padding: 5px 10px 10px 10px; background-color: #fff; margin-bottom: 20px; }

.page_sidebar .txtlist i { padding: 0px 10px 0px 10px; }

.page_sidebar .txtlist li { font-size: 14px; line-height: 32px; height: 32px; overflow: hidden; }

.page_sidebar .txtlist li:first-child { border-top: none; }

.page_sidebar .txtlist li > a { color: #666; }

.page_sidebar .txtlist li > a:hover { color: #cc0000; }







/**/



.pagescdz {background-color: #fff;padding: 10px;padding-top: 50px; margin-bottom: 10px;font-family: "MicroSoft YaHei", "SimHei";}



.pagescdz .title_a01{margin-top: 20px; font-size: 32px;text-align: center; color: #5DBEB7; line-height: 60px;background-image: url(../images/page_title01.png); background-repeat: no-repeat; background-position: top center;}



.pagescdz .title_a01 span{padding: 5px 20px;border: 2px solid #5DBEB7;display: inline-block;background-color: #fff;margin-top: 15px;margin-left: 10px;}



.pagescdz .title_a02{text-align: center;font-size: 26px;color: #555;line-height: 60px;}



.pagescdz .khlist{margin-top: 20px;margin-bottom: 20px;}



.pagescdz .khlist img{width: 100%;}



.pagescdz .dzicon{height: 350px;background-color: #7ECBC5;margin-top: 30px;margin-bottom: 30px;background-image: url(../images/dzicon.png); background-repeat: no-repeat; background-position: top center;}



.pagescdz .dzicon ul{margin-left: 120px;padding-top: 200px;}



.pagescdz .dzicon ul li{color: #fff;float: left;font-size: 22px;width: 150px;}



.pagescdz .dzicon .btm{ border-radius: 25px;border: 2px solid #fff;margin-top: 40px;margin-left: auto;margin-right: auto;background-color: #fff;width: 300px;text-align: center;font-size: 22px;color: #5DBEB7;padding: 10px;}







.pagescdz .dzys{height: 1573px; background-image: url(../images/dzys.jpg); background-repeat: no-repeat; background-position: top center;}



.pagescdz .dzys .title_b01{font-size: 26px;color: #555;line-height: 70px;}



.pagescdz .dzys .title_b02{font-size: 20px;color: #555;line-height: 30px;margin-top: 10px;}







.pagescdz .dzys .dzys01{padding-top: 72px;margin-left: 642px;width: 368px;}



.pagescdz .dzys .dzys02{margin-top: 274px;margin-left: 184px; width: 368px;}



.pagescdz .dzys .dzys03{margin-top: 220px;margin-left: 642px; width: 368px;}



.pagescdz .dzys .dzys04{margin-top: 284px;margin-left: 184px; width: 368px;}



.zjmt{background-image: url(../images/zjmt.jpg); background-repeat: no-repeat; background-position: top center;}



.zjmt ul{margin-left: 120px;padding-top: 240px;}



.zjmt ul li{color: #fff;float: left;font-size: 20px;width: 200px;text-align: center;}



.zjmt .info{width: 960px;margin-left: auto;margin-right: auto;background-color: #ebebeb;padding: 20px;margin-top: 30px;font-size: 18px;}



.zjmt .info .btm{ border-radius: 25px;border: 2px solid #fff;margin-top: 40px;margin-left: auto;margin-right: auto;background-color: #fff;width: 300px;text-align: center;font-size: 22px;color: #5DBEB7;padding: 10px;}



.zjmt .info .btm a{color: #5DBEB7;}



.zjmt .info .btm:hover{background-color: #5DBEB7;color: #fff;border: 2px solid #5DBEB7;}



.zjmt .info .btm:hover a{color: #fff;}











.h20{height: 20px;}



.h50{height: 50px;}



.tablinks{margin-top: 0px;}



.tablinks ul{width: 500px;}



.tablinks li{width: 200px;margin-right: 10px;float: left;background-color: #5DBEB7;padding: 10px;text-align: center;font-size: 22px;color: #fff;margin-bottom: 10px;}



.tablinks li:hover{background-color: #3ACD16;}



.tablinks li a{color: #fff;text-decoration: none;}



.tablinks li:hover a{}



.pzqd {width: 800px;margin-left: auto;margin-right: auto;border-collapse:collapse;}



.pzqd tr{}



.pzqd td{line-height: 36px;font-size: 18px;text-align: center;border: 1px solid #999;padding: 2px 5px;}







.cptx1{width: 1000px;height: 450px;margin-left: auto;margin-right: auto; background-image: url(../images/cptx01.jpg); background-repeat: no-repeat; background-position: top center;}



.cptx1 ul{margin: 0px;padding: 75px;}



.cptx1 ul li{font-size: 20px;color: #666;width: 500px;margin: 0px;padding: 0px;}



.cptx1 ul li span{font-size: 28px;color: #5DBEB7;}







.cptx2{width: 1000px;height: 340px;margin-left: auto;margin-right: auto; background-image: url(../images/cptx02.jpg); background-repeat: no-repeat; background-position: top center;}



.cptx2 ul{padding-top: 260px;}



.cptx2 ul li{float: left;font-size: 22px;width: 25%;text-align: center;color: #5DBEB7;}







.zysx{width: 1000px; margin-left: auto;margin-right: auto;}



.zysx table{border-collapse: collapse;border: 0px solid #999;}



.zysx table td {height: 128px;vertical-align: top; border-top: 0;border-right: 1px solid #999;border-bottom: 1px solid #999;	border-left: 0; padding: 30px 20px; font-size: 20px;line-height: 1.6;}



.zysx table td:hover{background-color:#5DBEB7;color: #fff; }



.zysx table tr.lastrow td {border-bottom: 0;}



.zysx table tr td.lastCol {border-right: 0;}







.qjjqxd{width: 1080px;margin-left: auto;margin-right: auto;}



.qjjqxd ul{margin-left: -10px;}



.qjjqxd ul li{background-color: #ebebeb;font-size: 20px;line-height: 1.5;padding: 30px;width: 200px;height: 200px; float: left;margin-left: 10px;}



.qjjqxd ul li:hover{background-color: #5DBEB7;color: #fff;}







/*内页内容部分样式*/



.page_content { float: left; width: 1000px; margin-right: 10px; font-family: "MicroSoft YaHei", "SimHei"; }



.page_content .content { color: #333; font-size: 16px; line-height: 1.7; padding: 20px 20px 40px 20px; min-height: 600px; background-color: #fff;}



.page_content .content img { max-width: 100%; }



.page_content .content p { margin-bottom: 20px; }



.text_content { line-height: 1.5; font-size: 16px; color: #333; margin-top: 15px;}



.prodtitle { overflow: hidden; border-bottom: 1px solid #ebebeb; margin-bottom: 12px; padding-bottom: 20px; }



.prodtitle h1 { text-align: center; font-family: "MicroSoft YaHei", "SimHei"; font-size: 24px; font-weight: normal; color: #555; line-height: 40px; }



.pagetitle { overflow: hidden; margin-bottom: 12px; }



.pagetitle h1 { text-align: left; font-family: "MicroSoft YaHei", "SimHei"; font-size: 24px; font-weight: normal; color: #333; line-height: 30px; }



.newsinfo { font-size: 12px; color: #666; line-height: 20px; border-bottom: 1px solid #ebebeb; padding-bottom: 10px; }



.newsinfo span { padding-right: 20px; }



.gallery { width: 100%; overflow: hidden; margin-left: auto;margin-right: auto;  }



.gallery img { display: block; }



.main-image img { padding: 4px; border: 1px solid #ebebeb; background-color: #fff; margin-left: auto;margin-right: auto;}



.thumbnails { height: 85px; text-align: center;display: table;margin-left: auto;margin-right: auto;margin-top: 20px;}



.thumbnails li { float: left; margin-left: 15px;}



.thumbnails img { padding: 4px; border: 1px solid #ebebeb; background-color: #fff;margin-left: auto;margin-right: auto; }



.photo_desc { color: #666; font-size: 14px; line-height: 1.5; background-color: white; min-height: 94px; margin-top: 10px; margin-bottom: 20px; padding: 6px; border: dotted 1px #ebebeb; }



.prod_photo { width: 350px; float: left; }



.prod_info { width: 570px; float: left; }



.prod_info .info { float: left; }



.prod_info .info a { color: #333; }



.prod_info h2 { color: #333; font-size: 16px; font-weight: bold; line-height: 30px; margin: 0 0 14px; padding: 0 0 8px; border-bottom: 1px solid #ebebeb; }



.prod_info h3 { font-size: 14px; margin: 0; padding: 0; }



.prod_info .service { color: white; font-size: 16px; line-height: 34px; background-color: #cc0000; text-align: center; width: 170px; margin-top: 20px; margin-bottom: 20px; }



.prod_info .service a { color: white; font-weight: bold; }



.prod_info .info_desc { font-size: 14px; line-height: 1.5; color: #666; background-color: #f5f5f5; min-height: 40px; margin-top: 10px; }



#qrcode { width: 120px; float: right; }



.prod_content { margin-top: 30px; line-height: 1.5; }



.prod_content .title { border-bottom: 1px solid #ebebeb; margin-bottom: 20px; }



.prod_content .title span { line-height: 35px; background-color: #333; color: #fff; font-size: 16px; display: block; width: 100px; text-align: center; }



/*上一个、下一个*/



.prod_prev_next { font-size: 16px; color: #999; line-height: 40px; margin-top: 30px; }



.prod_prev_next .prev { padding-right: 20px; }



.prod_prev_next .next { padding-left: 20px; }



.prod_prev_next a { color: #333; }



.fg20 { height: 40px; }



/*download style*/



.fileinfo { font-size: 12px; color: #666; line-height: 20px; }



.fileinfo span { padding-right: 20px; }



.downlink { margin-top: 10px; }



.downlink a { font-size: 14px; text-decoration: none; background-color: #cc0000; color: #fff; line-height: 40px; border-radius: 5px; display: block; width: 120px; text-align: center; }



.downlink i { margin-right: 6px; }



/**/



/*list style*/



/*带有描述信息的下载列表*/



.downlist_info li { border-bottom: 1px solid #ebebeb; height: 124px; overflow: hidden; padding: 10px 0px 10px 0px; }



.downlist_info .images { float: left; background-color: white; border: 1px solid #ebebeb; padding: 1px; }



.downlist_info .images img { width: 120px; height: 120px; }



.downlist_info .info { float: left; margin-left: 15px; width: 800px; }



.downlist_info .title { font-size: 18px; line-height: 26px; }



.downlist_info .title a { color: #333; text-decoration: underline; }



.downlist_info .title a:hover { color: #cc0000; text-decoration: underline; }



.downlist_info .desrciption { font-size: 12px; color: #999; line-height: 25px; height: 50px; width: 100%; overflow: hidden; }



.downlist_info .fileinfo { font-size: 12px; color: #999; line-height: 20px; }



.downlist_info .fileinfo span { color: #333; padding-right: 15px; }



/*带图片的新闻列表*/



.newslist_img li { border-bottom: 1px solid #eee; height: 124px; overflow: hidden; padding: 15px 0px 15px 0px; }



.newslist_img li:last-child { border-bottom: 0px; }



.newslist_img .images { float: left; background-color: white; }



.newslist_img .images img { width: 160px; height: 120px; }



.newslist_img .info { float: left; margin-left: 15px; width: 740px; }



.newslist_img .title { font-size: 18px; line-height: 26px; }



.newslist_img .title a { color: #333; text-decoration: none; }



.newslist_img .title a:hover { color: #cc0000; text-decoration: underline; }



.newslist_img .desrciption { font-size: 12px; color: #999; line-height: 25px; height: 50px; overflow: hidden; margin-top: 10px; }



.newslist_img .fileinfo { font-size: 12px; color: #999; line-height: 20px; margin-top: 10px; }



.newslist_img .fileinfo span { color: #666; padding-right: 15px; }







/*视频ul列表样式01*/



.video_list01 { padding: 0px; margin-left: -35px; margin-top: 20px; }



.video_list01 li { float: left; border: 1px solid #ebebeb; overflow: hidden; padding: 8px; width: 280px; background-color: white; margin-left: 35px; margin-bottom: 30px; }



.video_list01 li:hover { box-shadow: 0px 0px 3px #ccc; }



.video_list01 .images img { width: 280px; height: 210px; }



.video_list01 .info .title { line-height: 32px; height: 32px; overflow: hidden; }



.video_list01 .info .title a { font-size: 14px; text-decoration: none; color: #333; }



.video_list01 .info .title a:hover { text-decoration: underline; }



.video_list01 .info .desrciption { font-size: 12px; color: #999; line-height: 18px; height: 18px; overflow: hidden; }







/*产品UL列表样式*/



.product_list01 { margin: 0px 0px 0px -25px; padding: 0; }



.product_list01 li { background-color: white; text-align: center; width: 310px; overflow: hidden; float: left; margin: 0px 0px 30px 25px; padding: 0px; border: solid 1px #ebebeb; transition: all 0.3s ease 0s;}



.product_list01 li:hover { box-shadow: 0px 5px 15px #ddd; box-shadow: 0px 5px 15px #999;transform: scale(1.1);}



.product_list01 li .thumb { background-color: white; }



.product_list01 li .thumb img { width: 300px; height: 400px; margin-top: 10px; margin-bottom: 10px; }



.product_list01 li .product_name { height: 48px; overflow: hidden; padding-left: 8px; border-top: 1px solid #ebebeb; }



.product_list01 li .product_name .name { word-break: break-all; }



.product_list01 li .product_name a { color: #666; font-size: 14px; line-height: 48px; text-decoration: none; }



.product_list01 li:hover a { color: #cc0000; }



.product_list01 li .product_name a:hover { color: #cc0000; }







/*图片UL列表样式*/



.photo_list01 { margin: 0 0 0 -45px; padding: 0; }



.photo_list01 li { text-align: center; width: 284px; overflow: hidden; float: left; margin: 10px 0px 30px 45px; border: solid 1px #ebebeb; background-color: white;padding: 8px; transition: all 0.3s ease 0s;}



.photo_list01 li:hover { box-shadow: 0px 5px 15px #999;transform: scale(1.1);}



.photo_list01 li img { width: 284px; height: 213px; }



.photo_list01 li .title { height: 40px; overflow: hidden; }



.photo_list01 li .title a { color: #666; font-size: 14px; line-height: 40px; text-decoration: none; word-break: break-all; }



.photo_list01 li .title a:hover { color: #c10202; }











/*图片UL列表样式*/



.photo_list02 { margin: 0 0 0 -32px; padding: 0; }



.photo_list02 li { text-align: center; padding: 10px; overflow: hidden; float: left; margin: 10px 0px 30px 32px; border: solid 1px #ebebeb; background-color: white; }



.photo_list02 li:hover { box-shadow: 0px  0px 0px 3px #b20000; }



.photo_list02 li img { width: 180px; height: 240px; }



.photo_list02 li .title { height: 32px; overflow: hidden; }



.photo_list02 li .title a { color: #666; font-size: 14px; line-height: 32px; text-decoration: none; word-break: break-all; }



.photo_list02 li .title a:hover { color: #c10202; }











/*guestbook style*/



.guestbook_list dl { border: 1px solid #ebebeb; margin: 10px 0px 10px 0px; padding: 10px; }



.guestbook_list dt { border-bottom: 1px solid #ebebeb; font-size: 16px; line-height: 30px; }



.guestbook_list dt span { color: #999; font-weight: normal; font-size: 12px; float: right; }



.guestbook_list dd { font-size: 14px; }



.guestbook_list dd.g_content { color: #555; padding: 10px; }



.guestbook_list dd.reply_content { padding: 10px; background-color: #FFF9F7; margin-top: 5px; color: #FF4D4D; }



.post_box { border: 1px solid #ebebeb; }



.post_box h5 { color: #333; font-size: 18px; font-weight: normal; line-height: 30px; border-bottom: 1px solid #ebebeb; padding: 10px; font-family: "MicroSoft YaHei", "SimHei"; }



.post_box h5 i { padding: 0px 10px 0px 10px; }



.post_box .table_form { margin: 20px 0px 20px 0px; }



.post_box td { padding: 4px 0px 4px 0px; }



.post_box input,



textarea { padding: 2px 5px 2px 5px; font-size: 16px; line-height: 22px; border: 1px solid #ebebeb; }



.post_box .submit { background-color: #0337AF; color: white; font-style: 14px; padding: 5px 45px 5px 45px; }



.post_box .reset { background-color: #000000; color: white; font-style: 14px; padding: 5px 45px 5px 45px; }



/*pages nav style*/



#pages { padding: 10px 0; text-align: left; clear: both; margin-top: 10px; text-align: center; margin-bottom: 50px; }



#pages a { display: inline-block; padding: 5px 20px; height: 22px; font-size: 14px; line-height: 22px; background: #fff; border: solid 1px #e3e3e3; text-align: center; color: #333; margin-right: 3px; margin-left: 3px; text-decoration: none; }



#pages a.a1 { padding: 5px 20px; height: 22px; line-height: 22px; margin-top: 0px; }



#pages a:hover { background: #0337AF; color: #fff; text-decoration: none; }



#pages span { font-size: 14px; display: inline-block; padding: 5px 20px; height: 22px; line-height: 22px; background: #0337AF; color: #fff; text-align: center; margin-right: 3px; margin-left: 3px; border: solid 1px #0337AF; }



.page .noPage { display: inline-block; padding: 4px 19px; height: 22px; line-height: 22px; border: 1px solid #e3e3e3; text-align: center; color: #a4a4a4; }



/*kefu style*/



.kefu { color: #333; width: 99px; height: 60px; position: absolute; top: 0; }



.kefu .kftop { background-image: url(../images/kefu_top.gif); background-repeat: no-repeat; height: 50px; }



.kefu .kfbottom { background-image: url(../images/kefu_bottom.gif); background-repeat: no-repeat; height: 14px; }



.kefu .kfbox { border-left: 1px solid #e8dcdb; border-right: 1px solid #e8dcdb; overflow: hidden; zoom: 1; padding: 1px; background: #fff; color: #d3d3d3; line-height: 26px; }



.kefu .kfbox ul { padding-right: 6px; padding-left: 3px; }



.kefu .kfbox ul li { color: #333; font-size: 14px; }



.kefu .kfbox ul li.tit { color: #800000; font-size: 12px; }



.kefu .kfbox ul li img { vertical-align: middle; }



/*上一个、下一个*/



.prev_next { font-size: 16px; color: #999; line-height: 40px; text-align: center; border-top: 1px solid #ebebeb; margin-bottom: 60px; }



.prev_next .prev { padding-right: 20px; }



.prev_next .next { padding-left: 20px; }



.prev_next a { color: #333; }
