@charset "utf-8";
/* CSS Document */
body{  margin:0 0 0 0; font-family:"微软雅黑"; background: url(../images/body_bg.png); }
*{ margin:0; padding:0px; list-style-type:none;}
li{ list-style-type:none;}
img{ border:0px;vertical-align: middle;}
.clear{ clear:both;}
h1,h2,h3{font-family:"微软雅黑"; font-weight:normal;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
input {outline:none;}

@font-face {
  font-family: 'century';
  src:url('century.ttf') format('truetype');
}

/* CSS Document */
@font-face {
/* font-test*/
font-family: temil;
src:url('tamil/TamilMN.svg'),
url('tamil/TamilMN.ttf'),
url('tamil/TamilMN.eot'); /* IE9 */
}

@font-face {
/* font-test*/
font-family: Roboto Thin;
src:url('Roboto Thin.ttf'); /* IE9 */
}
@font-face {
/* font-test*/
font-family: cczt;
src:url('Roboto-Bold.ttf'); /* IE9 */
}





.dh_qbcp:hover .yc_dh{
	 display: block;animation: hideIndex 0.3s; display: block;
     -moz-animation: hideIndex  0.3s; /* Firefox */
     -webkit-animation: hideIndex  0.3s; /* Safari and Chrome */
     -o-animation: hideIndex  0.3s; /* Opera */
   }

@keyframes hideIndex{
 0%{ opacity: 0; transform: translate(0, 50px) }
100%{opacity: 1; transform: translate(0, 0) }
}
/*数字滚动*/
.q{zoom:1}
.product-number-info li{float:left;color:#fff;padding-top:1px}
.product-number-info li:first-child{}
.product-number-info li b{font-weight:400;font-size:36px;line-height:1;display:inline-block;position:relative;margin:20px 0 20px}
.product-number-info li p{font-size:16px;font-family: Bahnschrift;}
.product-number-info li b i{font-style:normal;font-family: Bahnschrift; font-size:50px;}
.product-number-info li b sup{position:absolute;font-size:20px;right:-15px;top:-3px}
.product-number-info li.li-2 b,.product-number-info li.li-2 p{padding-left:70px}
.product-number-info li b em{font-style:normal;font-size:28px;font-weight:100;padding-left:2px;position:relative;top:-4px}
.product-number-info li.li-3 b,.product-number-info li.li-3 p{padding-left:70px}
.product-number-info li.li-4 b,.product-number-info li.li-4 p{padding-left:78px}
.product-number-info li.li-5{text-align:right}
/*数字滚动 end*/

.rn_maina,.rn_mainc,.about_b,.shuz{width:100%; float: left;}
.rn_mainb{margin:0px auto;}
.rn_dh li{float:left; padding-left: 60px;font-size:18px; font-family: cczt; margin-top: 20px;} 
.rn_dh li a{transition:all 0.6s; padding-bottom: 5px;}
.rn_dh li a:link,.rn_dh li a:visited{color:#014073; }
.hs_head {position: fixed;z-index: 9999; background: #fff; padding: 10px 0px;} 
.haver_a:link,.haver_a:visited{color:#81b61d;}
.rn_dh li:hover a{color:#81b61d; border-bottom: 2px solid #81b61d;}


.ce2{background:#fff;}
.ce2 .rn_dh li a:link,.ce2 .rn_dh li  a:visited{color:#fff;}
.about_a dd{ font-family: Arial; font-size: 12px; text-transform: uppercase; padding: 15px 0px; color:#959494;}
.about_a h1{font-size: 26px; font-family: cczt; color:#20416e; padding-bottom: 20px;}
.about_a p{color:#454545; font-size: 16px; font-family: Arial; padding-top: 20px; line-height: 28px;}
.about_b a,.about_b button{padding:25px 30px; float: left; margin-top: 36px; background: #24487a; border-radius: 6px;font-family: Arial; font-size:16px;transition: all 0.6s;}
.about_b button{color:#fff; border:0px;}
.about_b a:link,.about_b a:visited{color:#fff;}
.about_b span{display:block; width: 30px; height: 1px; background: #fff; float: right; margin-top: 8px; margin-left: 30px; transition: all 0.6s;}
.about_b:hover a{background:#84ba34;}
.about_b:hover span{width:70px;}
.shuzi_p{background:#20416e;color:#fff;}
.shuz li{ float: left;}
.index_cpa{text-align:center;}
.index_cpa h1{font-size:50px;font-family: 'Bahnschrift'; padding-top: 15px; color:#20416e;}

.index_lba img{transition: all 0.6s;}
.index_lba:hover img{transform: scale(1.2);}
.tt_style{text-align:center;}
.tt_style h1{ font-family: cczt; color:#20416e; font-size:40px;}
.tt_style dd{width:50px; height: 2px;background: #ccc; margin: 15px auto;}
.sy_newsb{width:100%; padding: 30px 20px; background: #20416e;color:#fff;}
.sy_newsb h1{font-size:16px; padding-bottom: 20px; font-family: cczt;}
.sy_news a:link,.sy_news  a:visited{color:#fff;}
.sy_news img{transition:all 0.6s;}
.sy_newsb p{font-size:14px;line-height: 28px; padding-top: 15px;}
.sy_news:hover img{ transform: translate3d(15px,6px,0);}


.footer{background:#20416e; color:#fff; padding-top: 50px;}
.f_ma h1{font-size:32px; font-family: cctz; padding-bottom: 40px;}
.f_ma dd,.f_ma dd a:link,.f_ma dd:visited{color:#7690b4; line-height: 30px; }
.f_ma dd{font-family:cczt; font-size:16px; font-weight:lighter;}
.ss_a{width:100%; float: left; background:  #fff; padding: 6px 10px; font-size:14px;}
.ss_b{font-size:32px; margin:18px 10px;}
.ss_b a:link,.ss_b a:visited{color:#597daf;}
.footer_left,.footer_center{border-right:1px solid #294b79; padding: 0px 25px;}
.footer a{transition: all 0.6s;}
.f_ma dd a:hover{color:#fff;}
.f_end{margin-top:30px;  padding-top: 20px; width:100%; float: left; background: url(../images/f.png) top center no-repeat;}
.f_end a{  font-family: Arial;}
.f_end a:link,.f_end a:visited{color:#222;}
.f_end img{float:left;}
.f_end span{padding-left:30px; line-height: 50px;color:#7690b4;}
.f_end span font{color:#81b61d;}
.cp_leib{width:100%; text-align: center;}
.goods_list a{transition: all 0.6s;}
.goods_list a:link,.goods_list a:visited{color: #24487a;}
.goods_list:hover a{color:#81b61d;}
.goods_list:hover{border:1px solid #81b61d;}
.cp_read{width:100%; float: left; }
.cp_read{width:100%; float: left; border-bottom: 2px solid #eee; padding-bottom: 30px;}
.cp_readb h1{font-size:22px; font-family: cczt;}
.cp_cs{width:100%; float: left; padding-top: 15px;}
.cp_csa {font-size:20px;font-family: cczt; padding-bottom: 25px; font-weight: bold;}
.cp_csb p{font-size:14px; font-family: Arial; color:#666; line-height: 28px; margin-top: 15px;}
.contact_lefta{width:100%; float: left;}
.foo_us h1{font-size:20px;font-family: cczt; padding-bottom: 25px; font-weight: bold;}
.foo_us a{font-size:24px; transition: all 0.6s;}
.foo_us a:link,.foo_us a:visited{color:#5e7281;}
.foo_us a:hover{COLOR:#81b61d;}
.contact_right dd{font-family:cczt;color:#81b61d;}
.contact_right h1{    font-size:38px;  font-weight: 700;  margin-bottom: 22px; margin-top: 10px;}
.contact_rightb li{width:100%; margin-bottom: 20px;}
.contact_rightb li input{width:100%; line-height: 55px; padding: 0px 15px;border: 2px solid #dfe4ea; font-family: Arial;    color: #596a77;}
.contact_rightb li textarea{width:100%;padding: 15px 15px;border: 2px solid #dfe4ea; font-family: Arial;    color: #596a77;}
#page{width:100%;color:#20416e; float: left; margin-top: 30px; text-align: center;}
#page a,#page span{padding:8px 20px; border:1px solid #ccc; margin: 8px; font-family: cczt;}
#page a:link,#page a:visited{color:#20416e;}
#page a{transition:all 0.6s;}
#page a:hover{    background: #81b61d; color: #fff; border: 1px solid #81b61d;}
.cp_list h1{font-size:18px; text-align: center; padding: 10px 0px;}
.cp_list img{width:100%;}
.mor_news{width:100%; float: left; text-align: center; margin-top: 30px;}
.mor_news a{padding:10px 50px; font-size:20px; border: 1px solid #ccc; font-family: cctz;}
.mor_news a:link,.mor_news a:visited{color:#20416e;}
.news_ps{width:100%; float: left; margin-top: 30px;}
.news_ps li span{font-weight:bold; font-family: cctz; font-size:18px; padding-right: 10px;}
.news_ps li a:link,.news_ps li a:visited{color:#222;}
.news_ps li{ margin-top:30px;}

.head_dh li{float: left;}
.head_dh li{ float:left; }
.head_dh li a{line-height:50px; font-size:18px; padding: 10px 0px; transition: all 0.6s;}
.head_dh li a:link,.head_dh li a:visited{color:#222;}
.head_dh li a:hover{border-bottom: 1px solid #e60012; color:#e60012;}
.head_right li{width:50px; height: 1px; background: #8d8b8b;  margin-bottom: 15px; float: left;}
.head_right li span,.head_right li a{display:block; width: 100%; height: 50px; line-height: 50px; text-align: center;}
.head_right li span{background:#eee;}
.head_right li a{background:#014099; transition: all 0.6s;}
.head_right li a:link,.head_right li a:visited{color:#fff;}
.head_logo{margin:10px 0px;}
.head_right li a:hover{background:#e60012;}

.ss_div{width:300px; height: 100px; background: #fff; border-radius: 10px; box-shadow: 0px 0px 15px #ccc; padding: 20px; position: absolute; z-index: 888;  margin-left: -260px;}
.ss_div{display:none; transition: all 0.6s;}
.head_right li:hover .ss_div{display:block;animation: hideIndex 0.3s; display: block;
     -moz-animation: hideIndex  0.3s; /* Firefox */
     -webkit-animation: hideIndex  0.3s; /* Safari and Chrome */
     -o-animation: hideIndex  0.3s; /* Opera */}
     .ss_zw{width:100%; float: left; background: #fff; padding: 6px 0px;}
.ss_zw input{width:300px; float: left; padding: 6px 10px; border:0px;}
.ss_zw button{width:70px; border-left:1px solid #ccc; margin-top: 5px; border-top:0px solid #fff; font-size:18px; background: none; border-bottom:0px solid #fff; border-right:0px solid #fff;}
.sycp_padding{padding:80px 0px; background: #eee;}














