﻿@font-face{font-family:Averta;src:url(fonts/Averta.woff2) format("woff2"),url(fonts/Averta.woff) format("woff"),url(fonts/Averta.ttf) format("truetype");font-style:normal;font-weight:700}@font-face{font-family:Averta;src:url(fonts/bAverta.woff2) format("woff2"),url(fonts/bAverta.woff) format("woff"),url(fonts/bAverta.ttf) format("truetype");font-style:normal;font-weight:400}

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;-webkit-text-size-adjust:none;}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}

p, img, button, h1, h2, h3, h4, h5, h6, ul, li, ol, tbale, tr, td, input {margin: 0px;padding: 0px;border: none;list-style-type: none; font-weight:normal;}

blockquote, q{quotes:none;  }

blockquote:before, blockquote:after,

q:before, q:after{content:'';content:none;}

a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent; cursor:pointer;}

table{border-collapse:collapse; border-spacing:0;}

hr{display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}

input, select{vertical-align:middle;font:15px/1.5 "Averta", "Helvetica Neue", "Hiragino Sans GB", Helvetica, "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif; }

p {word-wrap: break-word;}em{ font-style:normal;}

*{margin:0; padding:0; list-style:none; }

html, body {margin: 0;color: #666;font:14px/1.4 "Averta", "Helvetica Neue", "Hiragino Sans GB", Helvetica, "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif; width:100%;height:100%;padding:0;margin:0; text-align:left}

a{ color:#666;text-decoration:none; }

a:hover{ text-decoration:none;  color:#ee1d23;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}

input:focus, input:hover,select:focus,textarea:focus{outline: 0;}



/* ** ** Common Addative Classes ** ** */

.fl{float:left}

.fr{float:right}

.hidden{ overflow:hidden}

.margin{ margin:0 auto;}

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

.clearfix {display:block;clear:both;}

.clear{clear:both; display:block; overflow:hidden; visibility:hidden; }

.clear_l{clear:left;} .clear_r{clear:right;}

.hide{display:none} .block{display:block !important;} .inline{display:inline !important;}

.txtcenter{vertical-align:middle;}

.prel{position:relative;}

.wrap{ width:1000px; margin:0 auto; position:relative;}
.wrap1200{ width:1200px; margin:0 auto; position:relative;}


.header{ height:104px; }

.logo{ padding: 20px 0;}
.top{ }
.top_right {}
.tr_tel img{}.tr_tel strong{ }
.seatb{margin: 0 35px 0 108px;}.lang{ border-left:1px solid #d8d7d7; padding-left: 30px;    margin-left: 30px;}
.nav{height:50px; position: relative; z-index: 9; padding: 16px 0 0 ;}

#box_fynav{margin:0 auto;height:50px;}

#box_nav li{float: left; position: relative; text-align: center; padding: 0 32px;}
#box_nav li:last-child{ padding: 0 0 0 32px;}
#box_nav li a{position: relative; display: block;height: 57px;z-index: 99; line-height: 50px; color:#757575; font-size: 16px; font-weight: bold; text-transform: uppercase; text-align: center;}

#box_nav li a:hover{ color:#ec1d23;}
#box_nav li a:before {    content: '';
    position: absolute;
    left: 0;
    right: 100%;
    top: 53px;
    height: 4px;
    background: #ee1c25;
    transition: right .5s;
    -webkit-transition: right .5s;
    -o-transition: right .5s;
    -moz-transition: right .5s;}
#box_nav li:hover  a:before{right: 0;}
#box_nav li li a:before{ height: 0;}
#box_ologo{ height:50px; overflow:hidden;}

.nav .sub { display: none;  top: 50px; position: absolute;    z-index: 1;  width: 1200px; left:50%; margin-left: -900px; background: #fff; padding: 20px 0 40px 0;}

#box_nav .sub li{ width:25%; padding: 0; }

#box_nav .sub li a{display: block;font-weight: normal;text-decoration: none; text-indent: 1em;
    float: none;
    text-align: left;
    padding: 0;
    border-right: 0;
    font-size: 14px;  text-transform: none;background: #fff; padding: 10px 0 10px 20px; height: auto; line-height: normal;}

#box_nav .sub li a:hover{ color:#ec1d23;}

#box_nav .sub li{ display:block;}

.banner{width:100%; position:relative; height:750px; overflow:hidden;opacity:0; }

.banimg{ position:absolute; top:0;left:50%; width:1920px; margin-left:-960px;}

.html5zoo-arrow-left-0{left:412px !important;}.html5zoo-arrow-right-0{right:412px !important}

/*company*/
.company{ padding: 80px 0 0;}
.video{ width: 585px;}
.ab_txt{ width: 555px; position: relative; height: 330px;}
.ab_txt h2{color: #0666ab; font-size: 26px; font-weight: bold; position: relative;}.ab_txt h2:before{content:""; position: absolute; height: 2px; background:#ddd; width: 86px; top: 50px; }.ab_txt h3{font-size: 24px;color: #333; margin: 60px 0 20px 0; font-weight: bold;}.ab_txt p{line-height:26px;}
.ab_txt a{ width: 136px; height: 40px;text-align: center;line-height: 40px; display: block;border: 1px solid #888; position: absolute; right: 0; bottom: 0;}.ab_txt a:hover{color:#fff;}
.ab_txt a:before{content:""; position: absolute; background: #ec1d23; width: 0;height: 40px;left: 0;transition: all 0.4s ease-in-out;z-index: -1;}.ab_txt a:hover:before{width:100%;}
.ab_list{ padding: 70px 0 80px 0;}.ab_list li{ float: left;width:340px; padding: 0 30px; text-align: center;}.ab_list li h4{font-size: 16px;font-weight: bold; color: #333; margin: 30px 0 20px 0;}
/*products*/
.index_pro{ background: #f7f7f7;}.index_pro h2{ color: #0666ab; text-align: center;font-size: 26px; font-weight: bold;}

.products{}

.title{ text-align:center; margin:0 0 40px 0; position:relative;}.title h2{ font-size:26px; font-weight:bold;line-height: 40px; color:#0666ab; display:inline-block; padding:0 30px; position:relative; z-index:1; }
.caglist{width: 276px;}.caglist h2{ font-size: 20px; height: 50px; line-height: 50px;border-bottom: 1px solid #e5e5e5;margin: 0 0 10px 0;}
.mbcglist{display: none;}
.caglist ul{position:relative; }

.caglist ul li{  position: relative;z-index:1; display: block;}

.caglist ul li a{ display: block;border-bottom: 1px solid rgba(0,0,0,.06);background-color: #eee; height: 32px;line-height: 32px; padding: 0 0 0 15px;font-size: 16px;}
.caglist ul li .commonLeft-bd a{font-size: 14px;}
.commonLeft-hd a{background-image: url(../images/opener-small.png);background-repeat: no-repeat;background-position: 224px center;}
.commonLeft-hd .commonLeft-bd a{ background-image: none;padding: 0 0 0 26px;}
.commonLeft-hd .commonLeft-bd a.on{background-color: #d6d6d6;color: #222;}
.caglist ul li .commonLeft-hd a.active{color: #000;font-weight: bold;font-size: 16px;}


.caglist ul li a:hover{ text-decoration: underline;color: #ec1d23;}
.caglist ul li:first-child .commonLeft-bd p:nth-child(9) a{}
.zxtel p{ font-size:14px; line-height:20px; margin-bottom: 5px;}


.pro_bg{ background: #f7f7f7; padding:50px 0;}
.prolist{ width:1200px; font-size:14px;}.prolist ul{ width: 1320px;}
.pro_list .prolist{ width: 894px;}.pro_list .prolist ul{width: 924px;}
.prolist li{ width:278px; margin:0 29px 0 0; float:left; text-align:center;}
.prolist li img{ width:278px; height:278px;transition: opacity 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out;
    -webkit-transition: opacity 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out;
}
.prolist li .alt-img{    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);}
.prolist li img:hover {
    opacity: 1;
}
.prolist li h2{ font-size:14px; height: 40px; line-height: 40px; }.prolist li a{ position:relative; display:block;}.prolist li a:hover{ color:#ec1d23;}
.prolist .hd{ padding: 20px 0 0; text-align: center; width: 100%}.prolist .hd ul{ width: 100%;}.prolist .hd li{ display: inline-block;width: 10px;height: 10px; margin: 0 5px; float: none; background: #cbcac8; text-indent: -99999px; cursor: pointer}.prolist .hd li.on{background: #ec1d23;}

.pro_list{ position:relative; top:120px; opacity:0;}



.about{font-size:15px; line-height:24px;}.amabout{ position:relative; top:120px; opacity:0;}

.about .title{padding:40px 0;}.about p{ margin-bottom:15px;}

.about .title:before{top: 43%;}.about .title p{ margin:0;}

.grzx_about_i {display: block; width: 1px; height: 90px; background-color: #ccc;position: relative;

z-index: 3; margin:-10px auto 0 auto;}

.teamtxt{background: rgba(249,249,249,0.8); z-index: 1; position: relative; margin-top: -30px;padding-bottom: 130px;}

.teamtxt h2{font-size: 32px; font-weight: bold; line-height: 40px; color: #0666ab;}

.teamtxt .jishuqi li{ display: inline-block; float: inherit; }

.teamtxt .jishuqi{ text-align: center; padding-bottom: 55px; padding-top: 105px; }
.teamtxt .abt2{padding: 0px 100px; text-align: left;}


/* 本例子css */

		.islideBox{ width:960px; height:576px; overflow:hidden; position:relative; border:1px solid #ddd; padding:19px;  }

		.islideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }

		.islideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }

		.islideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }

		.islideBox .hd ul li.on{ background:#f00; color:#fff; }

		.islideBox .bd{ position:relative; height:100%; z-index:0;}

		.islideBox .bd li{ zoom:1; vertical-align:middle; }

		.islideBox .bd img{ width:960px; height:576px; display:block;}



		/* 下面是前/后按钮代码，如果不需要删除即可 */

		.islideBox .prev,

		.islideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }

		.islideBox .next{ left:auto; right:3%; background-position:8px 5px; }

		.islideBox .prev:hover,

		.islideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }

		.islideBox .prevStop{ display:none;  }

		.islideBox .nextStop{ display:none;  }







/* 计数器 */

.jishuqi li{ display: inline-block; font-size: 30px; text-align: center; color: #000; padding:0 40px; background: url(../images/jishuqi_xian.jpg) no-repeat right center; }

.jishuqi li:nth-child(1){ padding-left: 0px; }

.jishuqi li:last-child{ background: none; }

.jishuqi li>i,.jishuqi li em{ font-size: 48px; font-weight: bold; color: #000; font-style:normal;}

.jishuqi li p{ font-size: 16px; color: #666; margin:6px 0 0;}

.jishuqi{ width: 100%; }

.jishuqi li span{ display: inline-block; position: absolute; }



.timg{margin-top: -113px; position: relative;z-index: -1;}.timg img{width: 100%;}

/*news*/

.ntitle{border-bottom:1px solid #b6b6b6;margin:60px 0 40px 0;}

.ntitle h2{ font-weight:bold; font-size:24px;color:#0666ab; float:left;width:188px;height:60px;border:1px solid #b6b6b6; border-bottom:1px solid #fff;text-align:center; line-height:60px;margin-bottom:-1px;}

.ntitle a{font-size: 16px;color: #333; float:right;line-height: 60px;}.ntitle a:hover{color:#ee1d23;}

.txtScroll-top{ overflow:hidden; position:relative; width:620px; background:url("../images/nsbg.jpg") no-repeat; padding:0 0 0 100px; height:360px; }

.txtScroll-top .bd{ }

.txtScroll-top .infoList li{ height:59px; line-height:59px; border-bottom:1px solid #ddd; position:relative; overflow: hidden}

.txtScroll-top .infoList li:before{content:""; width:0;position:absolute;left:0; bottom:-1px;transition: all 0.4s ease-in-out; background:#ee1d23; height:1px;}

.txtScroll-top .infoList li:hover:before{ width:100%;}

.txtScroll-top .infoList li a{ float:left;line-height:59px;font-size:14px; position:relative; padding-left:30px; height: 59px; width: 490px;}

.txtScroll-top .infoList li a:before{content:""; background:url("../images/ntb.jpg") no-repeat; width:8px; height:8px; background-position:0 0;transition: all 0.4s ease-in-out; position:absolute;top:50%;left:0;margin:-4px 0 0;}.txtScroll-top .infoList li a:hover:before{ background-position:0 -8px;}

.txtScroll-top .infoList li .date{ float:right; color:#b6b6b6; font-size:15px; position: absolute;right: 0; height: 59px; line-height: 59px; }

/*footer*/

.footer{margin:80px 0 0; padding:50px 0 50px 0; min-height:120px;background:#0666ab;background-image:-webkit-linear-gradient(0deg, #0566ab, #0679cc); background-image:linear-gradient(0deg, #0566ab, #0679cc);}

.con_link {padding-bottom:50px;border-bottom:1px solid #41acfa;height: 60px;}

.con_link div{ float:left;width:263px; text-align:left; line-height:22px;color:#fff;padding:6px 0 6px 70px;}.con_link div a{color:#fff; }.con_link div.cl1{background:url("../images/ttb.png") no-repeat; }.con_link div.cl2{background:url("../images/etb.png") no-repeat; }.con_link div.cl3{background:url("../images/adt.png") no-repeat; }

.copyright{color:#fff; line-height:24px;padding:28px 0 0;text-align: center;}.copyright a{color:#fff;}

/*返回顶部代码*/
.izl-rmenu {position:fixed; right:0; top:139px;padding-bottom:73px;z-index:999;}
.izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#0566ab;}
.izl-rmenu .btn-tel{background:url(../images/r_phone.png) 0px 0px no-repeat;background-color:#0566ab;}
.izl-rmenu .btn-msg{background:url(../images/r_msg.png) 0px 0px no-repeat;background-color:#0566ab;}
.izl-rmenu .btn-qq .qq {display:none;background-color:#fff; border:solid 1px #DDD; border-right:none; position:absolute;width:210px;left:-210px;top:0px;line-height:73px;color:#FFF;font-size:18px;display:none; padding:10px 0}
.izl-rmenu .btn-qq .qq p {font-size:14px; height:25px; line-height:25px; padding:6px 12px}
.izl-rmenu .btn-qq .qq p.fgx {width:100%; height:1px; border-bottom:solid 1px #ddd; font-size:0; overflow:hidden; padding:0; margin:5px 0}
.izl-rmenu .btn-qq .qq p a {color:#333}
.izl-rmenu .btn-qq .qq p:hover a {color:#0566ab}
.izl-rmenu .btn-qq .qq p img {float:left; padding-right:5px}
.izl-rmenu .btn-qq:hover,.izl-rmenu .btn-msg:hover{background-color:#ea1b23;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../r_qq.png) 0px 0px no-repeat;background-color:#6da9de;text-decoration:none;display:block;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat;background-color:#666;display:none;text-indent:-9999px;width:72px;height:73px;cursor:pointer;}
.izl-rmenu .btn-top:hover{background-color:#0566ab;}
.izl-rmenu .btn-tel .qq p{ font-size: 14px; color: #333; height:18px;line-height:18px;}

/*内页*/
.mobile-inner-nav a{
		-webkit-animation-duration: 0.5s;
		animation-duration: 0.5s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: returnToNormal;
		animation-name: returnToNormal;
	}
		
			
	@-webkit-keyframes returnToNormal {
	  from {
	    opacity: 0;
	    -webkit-transform: translate3d(0, 100%, 0);
	    transform: translate3d(0, 100%, 0);
	  }

	  to {
	    opacity: 1;
	    -webkit-transform: none;
	    transform: none;
	  }
	}

	@keyframes returnToNormal {
	  from {
	    opacity: 0;
	    -webkit-transform: translate3d(0, 100%, 0);
	    transform: translate3d(0, 100%, 0);
	  }

	  to {
	    opacity: 1;
	    -webkit-transform: none;
	    transform: none;
	  }
	}


.mobile-inner-header{

	width: 100%;
	height: 50px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.mobile-inner-header h2{float: right;margin: 0;font-size: 14px;font-weight: normal;line-height: 50px;padding-right: 10px;color: #666;}
.mobile-inner-header-icon{
	color: #666;
	height: 50px;
	font-size:25px;
	text-align: center;
	float:right;
	width: 50px;
	position: relative;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
.mobile-inner-header-icon:hover{
	background-color: rgba(0,0,0,0.2);
	cursor: pointer;
}
.mobile-inner-header-icon span{
	position: absolute;
	left: calc((100% - 25px) / 2);
	top: calc((100% - 1px) / 2);
	width: 25px;
	height: 1px;
	background-color: #000;
}
.mobile-inner-header-icon span:nth-child(1){
transform: translateY(4px) rotate(0deg);
	}
.mobile-inner-header-icon span:nth-child(2){
transform: translateY(-4px) rotate(0deg);
	}
	



	
.mobile-inner-header-icon-click span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clickfirst;
	}		
.mobile-inner-header-icon-click span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clicksecond;
	}
	


@keyframes clickfirst {
  0% {
	  transform: translateY(4px) rotate(0deg);
	  
  }

  100% {
    transform: translateY(0) rotate(45deg);
  }
}	



@keyframes clicksecond {
  0% {
	  transform: translateY(-4px) rotate(0deg);
  }

  100% {
    transform: translateY(0) rotate(-45deg);
  }
}	

.mobile-inner-header-icon-out span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outfirst;
	}		
.mobile-inner-header-icon-out span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outsecond;
	}

@keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);
  }

  100% {
    transform: translateY(-4px) rotate(0deg);
  }
}	



@keyframes outsecond {
  0% {
    transform: translateY(0) rotate(45deg);
  }

  100% {
    transform: translateY(4px) rotate(0deg);
  }
}
.mobile-inner-nav ul{padding:0;margin:0;}
.mobile-inner-nav .commonLeft-hd a{font-size: 16px;background-position: 105% center;}.mobile-inner-nav .commonLeft-hd .commonLeft-bd {padding:10px 0 0;}
.mobile-inner-nav .commonLeft-hd .commonLeft-bd a{font-size: 14px;border:none;line-height: 36px;margin-left: 15%;padding:0;}
	.mobile-inner-nav .commonLeft-hd .commonLeft-bd a.on{background: none;
    color: #fff;}
.mobile-inner-nav p{margin:0;padding: 0;}
.mobile-inner-nav{
	background-color: rgba(0,0,0,0.9);
	width: 100%;
	position: absolute;
	top: 50px;
	left: 0px;
	padding-top: 20px;
	padding-bottom: 80px;
	display: none;z-index: 9;
}
.mobile-inner-nav a{
	display: inline-block;
	line-height: 50px;
	text-decoration: none;
	width: 80%;
	margin-left: 10%;
	color: #FFFFFF;
	border-bottom: solid 1px rgba(255,255,255,0.3);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	font-weight:300;
}
.mobile-inner-nav a:hover{
	color: rgba(255,255,255,0.4);
	border-bottom: solid 1px rgba(255,255,255,0.2);
}
/*banner*/

#slideBox {  padding: 0px 0 0;  opacity: 0;}

.slideBox{ width:100%; height:480px; overflow:hidden; position:relative; }

.slideBox .hd{ overflow:hidden; position:absolute;  bottom:30px; z-index:1; width:100%; text-align:center;}

.slideBox .hd ul{ overflow:hidden; zoom:1; }

.slideBox .hd ul li{ margin:0 8px; width:16px; height:16px; text-align:center; background:#fff; cursor:pointer; display:inline-block; text-indent:-99999px; border-radius:16px; background:#fff;    opacity: 0.8;}

.slideBox .hd ul li.on{ background:#3385ff;  }

.slideBox .bd{ position:relative; height:100%; z-index:0;   }

.slideBox .bd li{ zoom:1; position:absolute;left:50%; margin-left:-960px;top:0; width:1920px;}

.slideBox .bd img{ width:100%;  display:block;  }

.slideBox  .prev, .slideBox  .next { display: block; width: 60px;  height: 60px;overflow: hidden; cursor: pointer;position: absolute; top: 50%; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out;  transition: all .4s ease-in-out;text-indent: -99999px; z-index: 99;opacity: 0.6; margin-top: -30px; background: url(../images/pnext.png) no-repeat;}

.slideBox  .prev { left: 20px;}

.slideBox  .prev:hover{background-position: -60px 0;opacity: 0.8}

.slideBox  .next {background-position: -60px -60px;right: 20px;left: auto;}

.slideBox  .next:hover{background-position:  0 -60px;;opacity: 0.8;}

.slideBox .prevStop{ display:none;}

.slideBox .nextStop{ display:none;}

/*产品详细*/

.proimg{ width:520px;}

.prodetail{ padding: 60px 0 0;}.prodetail .phere {text-align:right; width: 1200px;margin-bottom: 20px;}
.prodetail .phere h2{ float: left;font-size: 20px;}

.protxt{ width:560px; line-height: 24px; }.protxt h2{ font-weight:bold;font-size:20px;background: url(../images/nn.jpg) 459px 6px no-repeat; line-height:22px;}.protxt h2 p{font-size:14px;}.protxt p{line-height: 24px;}
.pfl{    clear: both;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
	color: #787878; margin: 30px 0 0;}.pfl a{color: #0666ab;}
.protxt ul{ position:relative; background:#fefce7; padding:4px 15px 25px 15px; margin:10px 0 0; border-radius:8px;}.protxt h3{ font-size:15px;padding-left:40px; position:relative;}.protxt h3 strong{ color:#0666ab;}

.protxt ul:before{content:""; position:absolute; right:14px; top:-14px;background: url(../images/pjt.jpg) no-repeat; width:32px; height:14px;}

.protxt ul li{ height:53px; line-height:53px; border-bottom:1px dotted #ddd79e;    overflow: hidden;}

.protxt li h3:before{content:""; width:40px; height:40px; position:absolute; background: url(../images/protb.jpg) no-repeat; left:0;top:0px;}

.protxt li.pt1 h3:before{ background-position:-5px 2px;}.protxt li.pt2 h3:before{ background-position:-7px -53px;}

.protxt li.pt3 h3:before{ background-position:-10px -104px;}.protxt li.pt4 h3:before{ background-position:-7px -159px;}

.protxt li.pt5 h3:before{ background-position:-9px -212px;}.protxt li.pt6 h3:before{ background-position:-10px -264px;}

.protxt li.pt7 h3:before{ background-position:-11px -317px;}

.prodt{margin:40px 0 0;}.prodt h2,.related h2{ font-size:20px; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:20px; font-weight:bold;}

.prodt{font-size:14px; line-height:24px;}

.prodt p{ font-size:14px; line-height:18px;}

.prodt img{ max-width:100%;}

.prodetail .page{ margin-top: 20px;border-top: 1px solid #eee;padding: 20px 0 0;}

#box_allbanner,#box_allbanner .slideBox,#box_allbanner .slideBox .bd UL LI,#box_allbanner .slideBox .bd IMG,#box_allbanner .slideBox_wrap{height:360px;}

#box_allbanner{padding:0; opacity: 0;}



.all_here{ height:50px;line-height:50px; background:#f4f4f4;font-size:14px;color:#787878; width:100%;}

.hereico{background: url(../images/homeico.png) no-repeat left center; padding-left:25px;}

.all_here div{ line-height:50px;text-align:left;}

.all_here a{color:#787878;}.all_here a:hover{color: #ee1d23;}
.here{ padding:60px 0 0;}
.here h2{ font-size: 26px; font-weight: bold;color: #0666ab;}
.wz_here{line-height: 36px;}
.related{padding:50px 0;}


#box_menu{background: url(../images/meline.jpg) no-repeat center;height: 34px;text-align: center; margin:60px 0 0;}#box_menu li{ display:inline-block;}

#box_menu li a{display: inline-block;background-color: #FFF;font-size: 18px; width: auto; height: 32px; line-height: 32px;  padding: 0 25px;overflow: hidden;margin: 0 15px;border: 1px solid #dcdcdc;border-radius: 26px;-moz-border-radius: 26px;-webkit-border-radius: 26px;}#box_menu li a.current,#box_menu li a:hover{background-color: #ee1d23;color: #FFF;border: 1px solid #ee1d23;}



.page_content {padding: 40px 0 0;min-height: 120px;text-align:left;line-height:24px;}

.page_content p{ line-height:24px; font-size:15px; margin-bottom:8px;}.page_content img{max-width:1000px;}

.page_content .txtScroll-top{ background:none;width: 1000px; padding:0;height: auto;}

.news_content h2{font-size: 26px;text-align: center;line-height: 30px;color: #000;font-weight:bold}

.news_content .message {border-bottom: 1px dotted #ddd;text-align: center;padding: 0 0 10px 0;margin: 15px 0 30px 0;font-size:12px;color:#888;}

.news_content .message .date {margin-left: 15px;}

.news_content .page{ margin:20px 0 5px 0;}

.news_content .page a,.news_content .other a{color: #333;}

.news_content .page a:hover,.news_content .other a:hover{color:#ee1d23}

/*page*/

.dux-page{ text-align:center; float:right;}.prolist .dux-page{margin: 30px 0 0;}
.dux-page a{ display:inline-block; height:32px; line-height:32px; padding:0 12px; border:1px solid #ddd; margin:0; float:left; margin-left:-1px; cursor:pointer; font-size:13px;}

.dux-page a:hover,.dux-page a.active{ background:#ee1d23; color:#fff;border:1px solid #ee1d23;}

.conmesg{padding: 20px 20px 40px 20px; margin: 60px auto 0 auto; border-top: 2px solid #0666ab; background: #f6f6f6; width: 960px;    height: 380px;}

.conmesg h2 {font-size: 18px;height: 40px; line-height: 40px; margin-bottom: 20px; background: #555; color: #fff; text-align: center; font-weight: bold;    background: #0666ab;

    background-image: -webkit-linear-gradient(0deg, #0666ab, #0666ab);

    background-image: linear-gradient(0deg, #0666ab, #0666ab);}

.messgebox{width: 1120px;margin:  auto;max-width: 100%; }

.textBox li{float: left;width: 24.25%;background: #fff;margin-right: 1%;position: relative;margin-bottom: 7px;}
.msgcon .textBox li{width: 49.5%;}

.textBox li.last{margin-right: 0;}

.textBox li span{position: absolute;left: 18px;top:0;;line-height: 45px;}

.textBox li.areaBox{width: 100%;margin-right: 0;}

.inputBox{margin-left: 110px;}

.inputBox input{height: 45px;display: block;width: 100%;}

.areaBox .inputBox{margin-left: 86px;}

.areaDes{margin: 13px 13px 13px 0;}

.areaDes textarea{resize: none;display: block;width: 100%;height: 200px; font-family: "Averta", "Helvetica Neue", "Hiragino Sans GB", Helvetica, "Microsoft YaHei",Arial, sans-serif;font-size: 16px;}

.lySubmit a{width: 49.5%;background: #a0a1a3;line-height: 44px;font-size: 16px;color: #fff; text-align:center;}

.lySubmit a:hover{background: #ec1d23;}

.proTitle h4{ line-height:60px;}



.prodt table {

	border-left: 1px #CFCFCF solid;

	border-top: 1px #D7D4C7 solid;

	line-height: 18px;

}

.prodt table tr {

	text-align: center;

}

.prodt table td {

	border-right: 1px #D7D4C7 solid;

	border-bottom: 1px #D7D4C7 solid;

	text-align: center;

	padding: 5px 0; vertical-align: middle;

}

.phere{ height: 50px; line-height: 50px;margin-bottom: 10px;border-bottom: 1px solid #e5e5e5; overflow: hidden; width: 894px; }

.phere span{color: #0666ab;}

