@charset "utf-8";
*{margin: 0px;padding: 0px;font-size:14px;color:#333; font-family:微软雅黑, Arial, Helvetica, sans-serif; line-height:26px; list-style:none;}
body{ max-width:1920px; margin:0 auto;}
img{ border:none}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:none; color:#0261ae;}

.left{ float:left}
.right{ float:right}
.fl{ float:left}
.fr{ float:right}
.clear{ height:0; line-height:0; overflow:hidden; clear:both}
.textover{text-overflow:ellipsis;white-space:nowrap;}


.top{ width:100%; margin:0 auto; background:#fff; height:100px;}
.top .content{ width:1350px; margin:0 auto; height:100px;}

.nav{  margin:0 auto;  display:block;}
.nav ul li{ float:left; margin-left:1px}
.nav ul li a{ color:#333; font-size:18px;text-align:center;  line-height:100px;display: inline-block; padding:0 20px}
.nav ul li a:hover{color: #014b9a;background:url(../images/navbg.jpg) repeat-x 0 bottom;}
.nav .menu a{color: #014b9a;}
/*end*/

.hzbox{ width:1200px; margin:0 auto;}







.list_item{ display:inline-block}



.bbox{ width:100%; margin:0 auto; text-align:center; position:relative; height:500px;}
.bbox .serbox{ width:1200px; position:relative; margin:20px auto; height:160px; background:#f4f4f4; top:0px; z-index:1000;}
.bbox .serbox .tu{ width:588px; height:160px;}
.bbox .serbox .ssbox{ width:480px; padding-left:66px; padding-right:66px; text-align:left; padding-top:35px;}
.bbox .serbox .ssbox span{ font-size:20px; font-weight:bold;}
.bbox .serbox .ssbox .ss{ width:480px; position:relative; height:42px; margin-top:5px;}
.bbox .serbox .ssbox .ss .neir{ width:379px; border:solid 1px #e4e4e4; height:40px; border-right:none; background:#FFF; position:absolute; left:0px;}
.bbox .serbox .ssbox .ss .neir input{ width:379px; line-height:40px; height:40px; outline-style:none; border:none; text-indent:20px;}
.bbox .serbox .ssbox .ss .anmue{ position:absolute; right:0px; width:100px; background:url(../images/ss.jpg) no-repeat left center #ff4b02; height:42px;}
.bbox .serbox .ssbox .ss .anmue input{ width:100px; background:url(../images/ss.jpg) no-repeat left center; height:42px; border:none;}
/*end*/

.probox{ width:1200px; margin:258px auto 60px auto; clear:both}
.probox ul{ width:1200px;}
.probox .tu{ width:300px; height:440px; overflow:hidden; float:left; display:block;}
.probox .tu img{ width:300px; height:440px;}
.probox .tu img:hover{}
.probox .cont{ width:900px;  float:right;}
.propiclist{ float:left; width:300px; height:220px; position:relative; overflow:hidden; display:block;}
.propiclist img{ width:300px; height:220px; position:absolute; top:0px; left:0px; transition: all 0.3s linear 0s;}
.propiclist img:hover{transform: scale(1.2);}
.propiclist p{ width:300px; position:absolute; bottom:0px; height:35px; line-height:35px; color:#FFF; text-align:center; background:url(../images/anlibg.png) repeat;z-index:1000; display:block; overflow:hidden;}


.product{ width:100%; margin:0 auto; background:url(../images/p_t_bg.png) no-repeat center center #003e93; height:176px; text-align:center;}
.product .content{ width:1200px; margin:0 auto; height:70px; padding-top:53px;}


.pcontent{ width:100%; margin:0 auto; background:#f5f5f5; padding-top:40px; text-align:center; padding-bottom:50px;}
.pcontent .content{ width:1200px; margin:0 auto}
.listbox{ width:260px; background:#0148aa; float:left; padding-top:20px;}
.listbox .title{ width:240px; margin:0 auto; background:#014199; height:68px; color:#FFF; font-size:25px; font-weight:bold; text-align:center; line-height:68px; margin-bottom:20px;}
.listbox ul li{ width:240px; height:40px; line-height:40px; text-align:center; background:#FFF; display:block; margin:0 auto 10px auto;}
.listbox ul li a{ line-height:40px; height:40px; display:block; font-size:16px; text-align:left; text-indent:20px}
.listbox .tel{ width:240px; background:#014199 url(../images/tel.png) 20px center no-repeat; margin:0 auto; height:80px; }
.listbox .lx{ width:230px; margin:0 auto; color:#FFF; line-height:28px; text-align:left; padding:10px 0 20px 10px;}
.listbox .lx p{ color:#FFF; line-height:26px;}
.listr{ float:right; width:925px; display:block;}
.listr .product_tabs{ width:925px; /*display:block; height:605px; overflow:hidden*/}
.product_tab{display:none}
.listr .product_tabs .col-xs-6{ width:835px; position:relative; height:410px; /*display:block; */overflow:hidden}
.listr .product_tabs .col-xs-6 img{ position:absolute; left:0px; width:835px; height:410px; top:0px; transition: all 0.3s linear 0s;}
.listr .product_tabs .col-xs-6 img:hover{transform: scale(1.2);}
.listr .product_tabs .col-xs-6 p{ position:absolute; z-index:1000; top:0px; right:0px; width:310px; background:#e27408; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; height:370px; display:block; padding:40px 20px 0 20px; text-align:left; color:#FFF; line-height:30px;}
.listr .product_tabs .col-xs-6 p span{ color:#FFF; font-size:20px; font-weight:bold; line-height:30px; display:block; padding-bottom:15px;}
.listr .product_tabs .col-xs-8{ width:285px; float:left; height:248px; margin:0 10px 20px; display:block; position:relative; overflow:hidden}
.listr .product_tabs .col-xs-8 img{ width:285px; height:213px;  transition: all 0.3s linear 0s;}
.listr .product_tabs .col-xs-8 img:hover{transform: scale(1.2);}
.listr .product_tabs .col-xs-8 p{line-height:35px; text-align: center; display:block; position:absolute; top:213px; left:0; width:100%; height:35px; overflow:hidden; background:#f5f5f5}

/*end*/
.about{ width:100%; margin:45px auto;}
.about .title{ width:100%; text-align:center; font-size:30px; font-weight:bold; color:#003e93}
.about .title span{ color:#fe7f00; font-weight:bold;font-size:30px;}
.about .title p{ width:100%; text-align:center; background:url(../images/a_title_bg.png) no-repeat center center; height:35px; line-height:35px; color:#cdcdcd; font-weight:100; text-transform:uppercase; font-size:18px;}
.about .title h1{ display:block; width:425px; margin:0 auto; height:30px; background:#0148aa; color:#FFF; text-align:center; line-height:30px; font-size:14px;}
.about .content{ width:1200px; margin:44px auto 0 auto;}
.about .content img{ float:left;display:block;}
.about .wbabt{float:left;margin-left:56px; margin-right:56px;width:582px;  }
.about .content p{font-size:16px; line-height:30px;}
.about .content p span{ font-weight:bold; font-size:30px; color:#0148aa; padding-bottom:20px; display:block}

/*end*/
.dhbox{ width:100%; margin:0 auto; height:219px; background:#003e93 url(../images/dh_bg.png) repeat top left; padding-top:41px;}
.dhbox ul{ width:1200px; margin:0 auto;}
.dhbox ul li{ float:left;}

/*end*/
.culture{ width:100%; margin:0 auto; background:#dedede; padding-top:90px; padding-bottom:90px; height:500px;}
.culture .content{ width:1200px; margin:0 auto; }
.culture .content ul{ width:1200px;}
.culture .content ul li{ float:left; margin-left:15px; margin-right:15px; width:370px;}

.culbox{ position:relative; perspective: 1000px;}
.culbox .box-img{transform: rotateY(0); transition: all 0.50s ease-in-out 0s;}

.culbox .box-img img{
    width: 100%;
    height: auto;
}
.culbox:hover .box-img{
    transform: rotateY(-90deg);
}

.culbox .box-content{
	 width: 330px;
    height: 406px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 60px 20px;
    text-align: center;
    background: rgba(0,0,0,0.7);
	transform: rotateY(90deg);
    transition: all 0.50s ease-in-out 0s;}


.culbox:hover .box-content{
    transform: rotateY(0);
}

.culbox .title{
    font-size: 24px;font-weight:bold;
    color: #003e93;
    text-transform: uppercase;
}

.culbox .description{
    font-size: 14px;
    line-height: 24px;
    color: #003e93; text-align:left
}

.culbox .en12{font-dize:12px; font-family:Arial, Helvetica, sans-serif; text-align:left; color:#fff}
.culbox .title:after,
.culbox .description:after{
    content: "";
    width: 100%;
    display: block; 
    border-bottom: 1px solid #c6d4e7;
    margin: 15px auto;
}

.culbox .social-links{
    margin: 0;
    padding: 0;
    list-style: none;
}
.culbox .social-links li{
    display: inline-block;
    margin: 0 10px;
}
.culbox .social-links li a{
    font-size: 20px;
    color: #a6a6a6;
}
.culbox .social-links li a:hover{
    text-decoration: none;
    color: #fff;
}

/*end*/
.newsbox{ width:100%; margin:40px auto;}
.newsbox .title{ width:100%; text-align:center; font-size:30px; font-weight:bold; color:#003e93}
.newsbox .title span{ color:#fe7f00; font-weight:bold;font-size:30px;}
.newsbox .title p{ width:100%; text-align:center; background:url(../images/a_title_bg.png) no-repeat center center; height:35px; line-height:35px; color:#cdcdcd; font-weight:100; text-transform:uppercase; font-size:18px;}
.newsbox .title h1{ display:block; width:425px; margin:0 auto; height:30px; background:#0148aa; color:#FFF; text-align:center; line-height:30px; font-size:14px;}
.newsbox .content{ width:1200px; margin:40px auto 0 auto;}
.newsbox .content ul{ width:1200px; margin:0 auto}
.newsbox .content ul li{ float:left;}
.newsbox .content .newsl{ width:550px; margin-right:50px;}
.newsbox .content .newsl img{ width:550px; height:322px;}
.newsbox .content .newsl .head{ font-size:16px; line-height:30px;}
.newsbox .content .newsl .head p{ font-size:14px; color:#787777; line-height:25px;}
.newsbox .content .newsr{ width:600px;}
.newsbox .content .newsr dl{ width:600px; position:relative; height:116px; margin-bottom:18px;}
.newsbox .content .newsr dl dt{ position:absolute; left:0px; width:155px; height:116px; overflow:hidden;}
.newsbox .content .newsr dl dt img{width:155px; height:116px;transition: all 0.3s linear 0s;}
.newsbox .content .newsr dl dt img:hover{transform: scale(1.2);}
.newsbox .content .newsr dl dd{ position:absolute; height:86px; right:0px; width:400px; display:block; background:#f7f7f7; padding:15px; overflow:hidden;}
.newsbox .content .newsr dl dd span{ font-size:14px; font-weight:bold; line-height:30px;}
.newsbox .content .newsr dl dd p{ color:#7f7f7f; font-size:12px; line-height:25px;}
.newsbox .content .newsr dl dd:hover{background:#0148aa;}
.newsbox .content .newsr dl dd:hover *{ color:#FFF}

/*end*/
.footer{ width:100%; margin:0 auto; background:#323232 url(../images/f_bg.png) repeat left top; height:450px;}
.footer .head{ height:68px; line-height:66px; background:url(../images/f_n_bg.jpg) repeat-x left bottom;}
.footer .head ul{ width:1200px; margin:0 auto; text-align:center}
.footer .head ul li{ display:inline-block}
.footer .head ul li a{ color:#FFF;line-height: 66px;padding: 0 30px;}
.footer .content{ width:1200px; margin:0 auto;}
.footer .content ul{ width:1200px;}
.footer .content ul li{ float:left; background:url(../images/f_m_bg.png) no-repeat right center; height:380px;}
.footer .content .logo{ background:url(../images/f_logo.png) no-repeat 30px center; width:288px; height:380px;}
.footer .content .pro{ width:510px; height:380px;}
.footer .content .pro .title{ margin-left:62px; margin-top:68px;}
.footer .content .pro p{ color:#FFF; line-height:40px; margin-left:65px; margin-top:15px;}
.footer .content .pro p a{ color:#aaa; display:block; width:48%; float:left; margin-right:2%;line-height: 30px;}
.footer .content .cont{ background:none;}
.footer .content .cont .title{ margin-left:52px; margin-top:68px; margin-bottom:15px;}
.footer .content .cont p{ line-height:30px; color:#aaa; margin-left:52px;}

.fotext{ height:62px; width:100%; background:#202020; color:#aaa; line-height:62px; text-align:center;}
.fotext *{ color:#aaa}
/**end**/

/**内页**/
.mainbox{ width:100%; margin:30px auto; clear:both;}
.mainbox .title{ width:100%; text-align:center; font-size:30px; font-weight:bold; color:#333; margin:0 auto; display:block;}
.mainbox .title span{ color:#fe7f00; font-weight:bold;font-size:30px;}
.mainbox .title p{ width:100%; text-align:center; background:url(../images/a_title_bg.png) no-repeat center center; height:35px; line-height:35px; color:#cdcdcd; font-weight:100; text-transform:uppercase; font-size:18px;}
.mainbox .title h1{ display:block; width:425px; margin:0 auto; height:30px; background:#0148aa; color:#FFF; text-align:center; line-height:30px; font-size:14px;}
.mainbox .content{ width:1200px; margin:30px auto; line-height:40px; font-size:16px;}
.mainbox .content p{font-size:16px; line-height:40px;margin-top:10px}

.proimg_d{ width:370px; border:solid 1px #e9e9e9; background:#eeefef; height:385px; float:left; text-align:center; margin:0 12px 20px 14px; position:relative;}
.proimg_d img{ width:360px; padding-left:5px; padding-right:5px; padding-top:5px; margin:0 auto; height:270px;}
.proimg_d p{ height:105px; width:360px; line-height:50px; position:absolute; bottom:5px; display:block; left:5px;}
.proimg_d p span{ position:absolute; bottom:20px; left:109px; background:url(../images/more.png) no-repeat center center; width:151px; height:35px; line-height:35px; display:block; margin:0 auto; color:#FFF;}
.proimg_d:hover p{ height:105px; width:360px; background:#024299; display:block;position:absolute; bottom:5px; cursor:pointer; color:#FFF;}



.sliderul{ width:1200px; margin:20px auto; line-height:40px;}
.sliderul  ul li{float: left;position:relative; height:40px; line-height:40px; width:194px; text-align:center;margin-left:3px; margin-right:3px;margin-bottom:6px;}
.sliderul  ul li a{font-size: 15px; height:40px;line-height: 40px; width:194px; text-align: center; text-decoration: none; background:#004092; display:block; color:#FFF;} 
.sliderul  ul li a:hover{color: #FFFFFF; line-height:40px; height:40px;background:#023a89; text-align:center; text-decoration:underline}

.sliderul  ul li ul{ position:absolute; left:0px; top:44px; z-index:99999; background:#004092; display:none; width:290px; }
.sliderul  ul li:hover ul{ position:absolute; left:0px; top:44px; z-index:99999; display:block;}

.sliderul  ul li ul li a{height:43px;line-height: 43px; border-bottom:#0148a2 solid 1px; display:block; width:290px;text-align:center;color:#fff;font-size: 12px;}
.sliderul  ul li ul li a:hover{ background:#183f78; border-bottom:#0148a2 solid 1px; color:#fff; height:43px; line-height:43px;}
.sliderul .nav_on{color: #fff;background:#1d4a8e;}












.mainbox .content dl{ width:1200px; margin:0 auto 20px auto; transition: all 0.3s linear 0s; border-bottom:dotted 1px #CCC; position:relative; height:200px; padding-bottom:20px;}
.mainbox .content dl dt{ position:absolute; left:0px; top:0px; width:300px; height:200px;}
.mainbox .content dl dt img{width:300px; height:200px;}
.mainbox .content dl dd{ width:850px; position:absolute; right:0px; top:0px;}
.mainbox .content dl dd h2{ font-size:18px; font-weight:bold; line-height:40px;}
.mainbox .content dl dd span{ text-align:left; font-size:14px; line-height:30px;}
.mainbox .content dl dd p{ text-align:left; line-height:30px; color:#555555;}
.mainbox .content dl dd p a{ display:block; height:40px; margin-top:15px; line-height:40px; color:#FFF; background:#fe7c00; width:150px; text-align:center; border-radius:15px;}
.mainbox .content dl dd p a:hover{ text-decoration:underline}

.mainbox .content dl:hover{}

.XRegina{ width: 100%;left: 0; z-index: 9; display: block; background:url(../images/bg.jpg) repeat }
.XRegina .heada{height:45px; background:#4d4d4d; color:#fff; line-height:45px; font-size:15px;}
.XRegina .heada ul li{ float:left; line-height:45px; font-size:15px; color:#fff; display:block; text-align:center}
.XRegina .heada ul li.li1{ width:15%}
.XRegina .heada ul li.li2{ width:20%}
.XRegina .heada ul li.li3{ width:15%}
.XRegina .heada ul li.li4{ width:15%}
.XRegina .heada ul li.li5{ width:15%}
.XRegina .heada ul li.li6{ width:20%}
.XRegina .contenta{ width:100%; height:auto; background:url(../images/bg.jpg) repeat;line-height:45px; font-size:12px;}
.XRegina .contenta a{ width:100%; height:45px; display:block; color:#333; border-bottom:dotted 1px #CCC}
.XRegina .contenta a:hover{ width:100%; height:45px; display:block; background:#e3f1ff;color:#0572c4}

.XRegina .contenta ul li{ float:left; line-height:45px; font-size:12px;display:block; text-align:center}
.XRegina .contenta ul li a{line-height:45px; font-size:12px; color:#333; }
.XRegina .contenta ul li a:hover{line-height:45px; font-size:12px; color:#ca0000; }

.XRegina .contenta ul li.li1{ width:15%; height:45px;}
.XRegina .contenta ul li.li2{ width:20%; height:45px;}
.XRegina .contenta ul li.li3{ width:15%; height:45px;}
.XRegina .contenta ul li.li4{ width:15%; height:45px;}
.XRegina .contenta ul li.li5{ width:15%; height:45px;}
.XRegina .contenta ul li.li6{ width:20%; height:45px;}

.contact{ width:690px; float:left}
.contact .lx{ width:690px; display:block; line-height:30px; border-bottom:dotted 1px #CCC; margin-bottom:10px; padding-bottom:10px;}
.contact .lx span{ font-size:20px; font-weight:bold;}

.message{ width:480px; background:#f8f8f8; height:350px; float:right; padding-top:30px;}
.message .title{ background:url(../images/mg_bg.png) no-repeat center center; width:240px; height:40px; line-height:40px; text-align:center; font-weight:bold; font-size:20px;}
.message .lya{ width:370px; background:#FFF; height:45px; line-height:45px; margin:15px auto; display:block; font-family:"微软雅黑"; color:#666666; padding-left:10px;}

.message .lyb{ width:370px; background:#FFF; height:45px; line-height:45px; margin:15px auto; display:block; font-family:"微软雅黑"; color:#666666; padding-left:10px;}
.message .cont{width:370px; background:#FFF; height:75px; line-height:32px; margin:15px auto; display:block; font-family:"微软雅黑"; color:#666666; padding-left:10px;}
.message .submit{ width:380px; height:45px; font-size:16px; color:#FFF; line-height:45px; background:#0248aa; text-align:center; display:block; margin:15px auto;font-family:"微软雅黑";}

/*news_show*/
.news_content{ }
.news_content h1{ font-size:18px; line-height:40px; margin:10px auto;text-align:center;}
.news_content .newssp{ display: block;margin: 0 auto;text-align: center; }
.news_content .news_show{width:100%; margin:20px 0; text-align:left; text-indent:2em; }
.news_content .news_show img{ text-align:center; display:block; margin:0 auto; max-width:100%}
.news_page{ margin:20px auto;overflow: hidden; width:1170px; border:solid 1px #eeeeee; height:40px; line-height:40px; padding:15px;}
.news_page li{ width:585px;float:left; height:40px; line-height:40px; overflow:hidden;}
.news_page .pagepre{ color:#999} 
.news_page .pagenext{text-align:right; color:#999} 
.news_page .pagepre:hover{}
.news_page .pagenext:hover{}

/*prodouct_showB*/
.product_showB{ width:100%;}
.product_showB .showB{ }
.product_showB .showB h1{font-size:18px; line-height:40px;text-align:left; }
.product_showB .showB p{ line-height:26px;}
.prodB_content{ width:100%; border-top:1px dotted #ccc; margin-top:20px;}
.prodB_content h1{ font-size:18px; font-weight:bold;line-height:40px; color:#248bcd;}
.prodB_content .text_showB{ line-height:30px;}
.prodB_content .text_showB p{text-indent:2em; line-height:30px;}






/*related product*/
.related{ position:relative;margin: 20px auto;background:#fafafa; padding:15px;border: 1px solid #d1d1d1;overflow:hidden; height:250px; width:1170px;}
.related .prdList{ }
.related h4{ font-size:24px; font-weight:normal;padding: 10px 0 20px 12px;}
.related .hd2{ overflow:hidden;height:30px;text-align: center;}
.related .hd2 ul{overflow:hidden; zoom:1; margin-top:5px; zoom:1; }
.related .hd2 ul li{display: inline-block;*display: inline;zoom:1; width:8px;height:8px;overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url(../images/public/prd_off.jpg) no-repeat; }
.related .hd2 ul li.on{ background-position:0 0; background:url(../images/public/prd_on.jpg) }
.related .bd2{ display:block; width:100%; overflow:hidden}
.related .bd2 ul{ overflow:hidden; zoom:1;  }
.related .bd2 ul .prdtitle{ width: 224px !important;height:222px;display:inline; overflow:hidden; position:relative; text-align:center;margin:0 6px; float:left;line-height:30px; text-align:center}
.related .bd2 ul .prdtitle-large{margin:0 5px;}
.related .bd2 ul .prdtitle img{ width:218px; height:160px;border:1px solid #ccc;}


.page{ width:100%;margin:10px auto; line-height:30px; text-align:right;}
.page span{ display:inline-block; padding:0 10px 0 0;}
.page a.num.select{ padding:3px 10px; color:#fff; background:#035bab}
.page a.num{padding:0 10px;}
.page a.num:hover{ padding:3px 10px; color:#fff; background:#035bab}

.rigcpsh{ width:927px; height:auto}
.showtitle{ width:925px; height:35px; border:1px solid #e4e4e4; background:#f1f1f1}
.showtitle .btdfge{ padding:0 20px;  font-size:16px;line-height:35px;}
.showtitle .wettt2{ padding:0 20px}
.showtitle .wettt2,.showtitle .wettt2 *{ color:#999; line-height:35px; font-size:13px}
.proboxsh{ width:925px; height:auto; border:1px solid #e4e4e4; margin-top:13px}

.proshow{ width:872px; margin:0 auto}
.proshow .prtitle{ line-height:35px; text-align:center; font-size:25px; padding:20px 0 15px; font-weight:bold}
.proshow .fubio{ line-height:30px; background:#f1f1f1; text-align:center; border-bottom:20px solid #fff}
.proshow .primgpic{ width:872px; height:auto; overflow-x:hidden; margin:0 auto; text-align:center}
.proshow .primgpic img{ max-width:870px; border:1px solid #ddd}
.proshow .prtent img{max-width:870px; margin-top:5px; margin-bottom:5px}
.proshow .prtent{ padding-left:10px; padding-right:10px}
.proshow .anotnd{ padding-left:10px; padding-right:10px; border-top:1px dashed #aaa; border-bottom:1px dashed #aaa; margin:20px auto}
.proshow .anotnd,.proshow .anotnd *{ color:#666; line-height:35px}
.proshow .next{ padding:0px 20px 20px; color:#666}
.proshow .pos{ height:16px; line-height:16px; border-bottom:1px dashed #aaa; text-align:center; padding-bottom:8px; margin-bottom:15px; color:#999}
.proshow .prtent p{ margin-top:10px;margin-bottom:10px}

.main {
    width: 1200px;
    height: auto;
    margin:15px auto 30px;
}