@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; font-size:18px; font-family: cczt; margin-top: 10px;} 

.rn_dh li a{transition:all 0.6s; padding-bottom: 5px;}

.rn_dh li a:link,.rn_dh li a:visited{color:#222; }

.hs_head {position: fixed;z-index: 9999; background: #fff; padding: 18px 0px;} 

.haver_a:link,.haver_a:visited{color:#81b61d;}

.rn_dh li:hover a{color:#81b61d; border-bottom: 2px solid #81b61d;}





.ce2{background:#fff;box-shadow: 0px 3px 46px 0px rgba(0, 0, 0, 0.1);}

.ce2 .rn_dh li a:link,.ce2 .rn_dh li  a:visited{color:#222;}

.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:15px 30px; 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:#f67031;}



.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-image: linear-gradient(to right,#c9cedf ,#aeb4ce);color:#fff;}

.sy_newsb h1{font-size:16px; padding-bottom: 20px; font-family: cczt;}

.sy_news a:link,.sy_news  a:visited{color:#222;}

.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{ border-top:1px solid #474646; padding-top: 20px; width:100%; float: left;}

.f_end a{  line-height: 50px; font-family: Arial;}

.f_end a:link,.f_end a:visited{color:#7690b4;}

.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;}

.tt_zwb{font-size:16px; color:#666; padding-top: 10px;}



.sy_plba1 h1,.sy_plca h1{font-size:26px; padding-bottom: 25px;}

.sy_plba1 p,.sy_plca p{color:#767575;}

.sy_plba:hover,.sy_plc:hover,.ys_lista:hover{box-shadow: 0px 3px 46px 0px rgba(0, 0, 0, 0.1);}

.sy_plba:hover  .sy_plba1 dd,.sy_plba:hover  .sy_plba1 h1 ,.sy_plc:hover dd,.sy_plc:hover h1{color:#f67031}

.sy_plba a:link,.sy_plba a:visited,.sy_plc a:link,.sy_plc a:visited{color:#424140;}

.sy_plc{transition:all 0.6s;}



.ys_tt{width:100%; text-align: center;}

.ys_tt h1{font-size:40px; color:#585978; font-weight: lighter; padding-bottom: 15px;}



.ys_lista h1{font-size:16px; padding-bottom: 15px; font-weight: bold;color:#585978;}