@charset "utf-8";
.wrap{width: 1190px;margin: 0 auto;}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;font-weight: normal;}
body{color:#323232;font-size:14px;font-family:'Arial',"Microsoft YaHei","微软雅黑","宋体";line-height:28px;}
body{width:100%;overflow-x:hidden;font-family:'Arial',"微软雅黑";}
p{font-family:'Arial',"微软雅黑";}
dd{font-family:'Arial',"微软雅黑";}
li{font-family:'Arial',"微软雅黑";}
span{font-family:'Arial',"微软雅黑";}
a{font-family:'Arial',"微软雅黑";}
li,ol,ul{list-style:none;}
.ff24{font-family:"微软雅黑";font-size:24px;}
.ff18{font-family:"微软雅黑";font-size:18px;}
.ff16{font-family:"微软雅黑";font-size:16px;}
.ff14{font-family:"微软雅黑";font-size:14px;}
a{text-decoration:none;color:#000;}
a:hover{color:#0e63c2;}
.fl{float:left;}
.fr{float:right;}
.clear:after{clear:both;display:block;visibility:hidden;height:0;content:""}.clear{zoom:1}.clr{clear:both}
.elps{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.line{height:10px;background-color:#0e63c2;}
.top{background:url(../images/top_bg.jpg);}
.top .cname{margin-top: 42px;margin-left: 5px;}
.top .cname .zh{font-family:"Noto Sans S Chinese Bold";font-size: 30px;color:#010101;}
.top .cname .en{font-size: 16px;color:#000;text-transform:uppercase;margin-top: 5px;}

.top .des{background:url(../images/des_bg.jpg) no-repeat 0 center;margin-left: 10px;padding-left: 10px;    margin-top:40px;}
.top .des .green{font-size: 22px;color:#0a7428;font-weight: bold;}
.top .des .black{font-size: 14px;color:#585858;    margin-top: 5px;}

.nav{background-color:#0e63c2;}
.nav ul{}
.nav ul li{float: left;width: 170px;text-align: center;padding: 18px 0px;}
.nav ul li:hover{background-color:#fff;}
.nav ul li:hover a{color:#0e63c2;}
.nav ul li a{font-size: 16px;color:#feffff;font-weight:bold;}

.key_product{margin-top:60px;}
.key_product .key_product_title{text-align: center;background:url(../images/key_product_title_bg.jpg) no-repeat center 0;    padding-top: 27px;}
.key_product .key_product_title .zh{font-size: 36px;color:#000;font-weight:bold;}
.key_product .key_product_title .en{font-family:"微软雅黑";font-size: 24px;color:#737373;text-transform:uppercase;margin-top: 10px;}
.key_product .key_product_content{margin-top: 30px;}
.key_product .key_product_content ul{}
.key_product .key_product_content ul li{width: 238px;height: 302px;background:url(../images/key_product_bg.jpg) no-repeat center 0;padding:70px 28px 0px 28px;}
.key_product .key_product_content ul li:hover{background:url(../images/key_product_hover_bg.jpg) no-repeat center 0;}
.key_product .key_product_content ul li h4{font-size: 24px;color:#fff;font-weight:bold;text-align: center;}
.key_product .key_product_content ul li dl{margin-top: 30px;}
.key_product .key_product_content ul li dl dd{font-size: 14px;color:#fff;background:url(../images/key_product_dd_bg.png) no-repeat 0 10px;padding-left: 20px;border-bottom:1px solid rgba(255,255,255,0.3);padding-bottom: 10px;margin-bottom: 10px;}
.key_product .key_product_content ul li .key_product_more{display:block;width: 101px;height: 29px;text-align: center;line-height: 29px;margin:0 auto;margin-top: 30px;border:1px solid #fff;font-family:"新宋体";font-size: 12px;color:#fff;}




/* 本例子css */
		.picScroll-left{ overflow:hidden; position:relative;  }
		.picScroll-left .hd .tempWrap{margin-left: 202px;    margin: 0 auto;}
		.picScroll-left .hd .next{ display:block;width: 65px;    height: 113px; float:right;    margin-right: 15px;
    margin-top: 140px;overflow:hidden;cursor:pointer; background:url("../images/arrow_right.png") 0 0 no-repeat;}
		.picScroll-left .hd .prev{display:block;width: 60px;    height: 113px;background:url("../images/arrow.png") 0 0 no-repeat;float:left;    margin-top: 140px;margin-left: 15px;}
		.picScroll-left .hd .prevStop{ background-position:-60px 0; }
		.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
		.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
		.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
		.picScroll-left .hd ul li.on{ background-position:0 0; }
		.picScroll-left .bd{padding: 25px 10px 10px 10px;}
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; }
		.picScroll-left .bd ul li .pic{ text-align:center; }
		.picScroll-left .bd ul li .pic img{ width:120px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }
		.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picScroll-left .bd ul li .title{ line-height:24px;   }

/*滚动 结束*/









.product{margin-top: 80px;background:url(../images/product_bg.jpg) no-repeat center 0;padding-top:80px;}
.product .product_title{text-align: center;}
.product .product_title h3{font-size: 36px;color:#000000;font-weight: bold;}
.product .product_title .zh{font-size: 18px;color:#585858;    margin-top: 20px;}
.product .product_title .en{font-size: 12px;color:#585858;    line-height: 25px;margin-top: 10px;}

/*search*/
.main_search{margin: 0 auto;margin-top:10px;width:365px;margin-top: 30px;margin-bottom: 30px;}
.ss_kuang{text-align:center;}
.ss_kuang .about_search{width:260px;height: 24px;font-size: 12px;color: #fff;padding-left: 10px;background-color: #ababab;}
.about_button{margin-left:-2px;}

.product .product_content{}
.product .product_content ul{}
.product .product_content ul li{float: left;width: 384px;height:147px;text-align: center;background:url(../images/product_li_bg01.jpg) no-repeat;padding-top: 60px;margin-left:18px;}
.product .product_content ul li:first-child{margin-left: 0;}
.product .product_content ul li:hover{background:url(../images/product_li_bg01_hover.jpg) no-repeat;}
.product .product_content ul li:nth-child(2){background:url(../images/product_li_bg02.jpg) no-repeat;}
.product .product_content ul li:nth-child(2):hover{background:url(../images/product_li_bg02_hover.jpg) no-repeat;}
.product .product_content ul li:nth-child(3){background:url(../images/product_li_bg03.jpg) no-repeat;}
.product .product_content ul li:nth-child(3):hover{background:url(../images/product_li_bg03_hover.jpg) no-repeat;}


.product .product_content ul li .zh{font-size: 30px;color:#fff;font-weight:bold;}
.product .product_content ul li .en{font-family:"微软雅黑";font-size: 16px;color:#fff;margin-top: 5px;}
.product .product_content ul li .product_more{display:block;width: 80px;height: 27px;background:rgba(255,255,255,0.7);text-align: center;line-height: 27px;margin:0 auto;font-family:"新宋体";font-size: 12px;color:#000;margin-top: 15px;}

.about{background:url(../images/about_bg.jpg) no-repeat center 0;margin-top: 80px;padding-top:100px;    padding-bottom: 111px;}

.about h3{font-size: 36px;color:#fff;font-weight: bold;text-align: center;}
.about .up{width: 1072px;height: 90px;background:rgba(255,255,255,0.8);padding:50px 45px;margin: 0 auto;margin-top: 35px;}
.about .up p{font-size: 14px;color:#000;line-height: 35px;}
.about .up p a{font-size: 14px;color:#000;}


.about .down{margin-top:40px;}
.about .down .left{width:405px;height:150px;background:url(../images/about_left_bg.jpg) no-repeat;padding-top: 40px;    padding-left: 162px;margin-left: 13px;}
.about .down .left h4{font-size: 30px;color:#d20000;font-weight: bold;}
.about .down .left .en{font-size: 14px;color:#494d54;text-transform:uppercase;    margin-left: 20px;}
.about .down .left .des{font-size: 18px;color:#333333;margin-top: 20px;}
.about .down .left{transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;}
.about .down .left:hover{margin-top:-20px;}
.about .down .right{width:405px;height:150px;background:url(../images/about_right_bg.jpg) no-repeat;padding-top: 40px;    padding-left: 162px;margin-left: 28px;}
.about .down .right h4{font-size: 30px;color:#d20000;font-weight: bold;}
.about .down .right .en{font-size: 14px;color:#494d54;text-transform:uppercase;    margin-left: 20px;}
.about .down .right .des{font-size: 18px;color:#333333;margin-top: 20px;}
.about .down .right{transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;}
.about .down .right:hover{margin-top:-20px;}

.news{padding-top:80px;padding-bottom:125px;background:url(../images/news_bg.jpg) no-repeat center bottom;}


.news .news_title{text-align:center;}
.news .news_title h3{font-size:36px;color:#404040;font-weight:bold;padding-bottom:25px;}
.news ul{width: 1168px;margin-top: 30px;}
.news ul li{min-height: 95px;margin-bottom: 30px;background:url(../images/news_li01_bg.jpg) no-repeat;transition: all 300ms ease-in-out;
        -webkit-transform: all 300ms ease-in-out;}
.news ul li:hover{--webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.4);
        box-shadow: 0 5px 30px rgba(0, 0, 0, 0.4);
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0);}

.news ul li:nth-child(2){background:url(../images/news_li02_bg.jpg) no-repeat;}
.news ul li:nth-child(3){background:url(../images/news_li03_bg.jpg) no-repeat;}
.news ul li .content{width: 868px;margin-left: 190px;}
.news ul li .content .tit{font-size: 20px;color:#6d6d6d;margin-top: 17px;}
.news ul li .content .tit a{font-family:"Arial","微软雅黑";font-size: 20px;color:#6d6d6d;}
.news ul li .content .des{font-family:"Arial","宋体";font-size: 12px;color:#757575;margin-top: 8px;}
.news ul li .time{width: 109px;text-align: center;    margin-top: 20px;}
.news ul li .time .year{font-family:"Arial";font-size: 24px;color:#fff;}
.news ul li .time .date{font-family:"Arial";font-size: 24px;color:#fff;font-weight:bold;margin-top: 5px;}
.news .news_more{display:block;width: 125px;height: 35px;background-color:#747474;color:#fff;text-align: center;line-height: 35px;margin:0 auto;}
.news .news_des{text-align: center;margin-top: 120px;}
.news .news_des .zh{font-size: 48px;color:#f00000;font-weight:bold;}
.news .news_des .en{font-size: 30px;color:#464646;text-transform:uppercase;margin-top: 25px;}
.news .news_code{text-align: center;margin-top: 68px;}
.news .news_code .big{font-size:38px;color:#000;    margin-top: 10px;}
.news .news_code .small{font-size:14px;color:#000;}

.contact{padding-top: 120px;background:url(../images/contact_bg.jpg) no-repeat center 0;}
.contact .left{width: 420px;}
.contact .left h4{font-size: 30px;color:#0e63c2;font-weight: bold;}
.contact .left ul{margin-top: 30px;}
.contact .left ul li{background:url(../images/contact_li_bg.jpg) no-repeat 0 center;padding-left: 20px;font-size: 14px;color:#000;margin-bottom: 10px;}

.contact .right{width: 455px;margin-left: 280px;}



.order-box{width:1100;margin-left: 50px;}
.order-main p{color:#fff;}
.order-main dt{color:#fff;}
.order-main input{border: 1px solid #1a98ef; height:24px; *line-height: 24px; padding-left: 5px;width:470px;}
.order-main #verify{width:150px;}
.order-main input:hover,.order-main input:focus{border-color:#eb4825;}


.order-main{width: 740px;}
.order-main dl{ width: 80%; float: left;margin:5px 0 20px 0 }
.order-main input{border: 1px solid #cccccc; height:30px;padding-left: 5px;width:370px;background: #fff;}
.order-tj{margin:0 80px 0 140px;width:100px}
.form-btn{background-color:#4483b4;color:#fff;width:124px;height:36px;border-radius:10px;float:left;}
.form-btn:hover{text-decoration:none}
.order-mes{border:1px solid #ccc;background: #fff;padding: 5px 0 0 8px;width:62%;    height: 72px;}
.order-mes:hover,.order-main input:hover{border-color:#1f4397;}
.mt80{margin-top: 80px}
.order .wz{font-size: 14px;color:#000;}


.contact{background:url(../images/contact_bg.jpg) no-repeat center 0;padding-top: 110px;padding-left: 120px;}
.contact h3{font-size: 30px;color:#2486d4;font-weight:bold;}
.contact .contact_content{margin-top: 45px;}
.contact .contact_content dl{width: 400px;}
.contact .contact_content dl dd{background:url(../images/contact_dd_bg.jpg) no-repeat 0 9px;padding-left: 20px;border-bottom:1px solid #dddddd;padding-bottom: 5px;margin-bottom: 5px;font-size: 14px;color:#000;}
.contact .contact_content dl dd a{font-size: 14px;}






.email_bg{ background-image:url(../images/img27.jpg); background-repeat:repeat-x; height:103px;margin-top: 30px;}
.email_box{ width:1000px; margin:0 auto; padding-top:34px;}
.email_box .email_title{ font-size:22px; color:#333; float:left; margin-top:5px;font-weight: bold}
.email_box .line1{ width:1px; height:39px; background-color:#cacaca; float:left; margin-left:23px; margin-right:23px;}

.email_box .email{ float:left; padding-top:8px;}
.email_box .email .name{ font-size:12px;  float:left; line-height:2px;    margin-top: 10px;}
.email_box .email .username{ height:20px; line-height:20px; float:left; padding-left:6px; border:1px solid #a7a6aa;}
.email_box .email .name_1{ font-size:12px; float:left; margin-left:8px; line-height:2px;    margin-top: 10px;}
.email_box .img_4{ float:left; margin-left:15px; margin-top:2px;}

.email_box .img_3{ float:right; margin-right:0px;}






.link{margin:0 auto;background:url(../images/link_bg.jpg) no-repeat center;background-color:#e5e5e5;padding: 20px 0px 18px 187px;}

.link img{float:left;margin-right:30px;}

.code{background:url(../images/code_bg.jpg);text-align: center;height:212px;}
.code .width{width:435px;margin:0 auto;}
.code img{ margin-top:78px;    margin-left: 13px;}
.code .company_name{padding-top:95px;margin-left: 10px;margin-right: 5px;}
.code .company_name .zh{font-family:"Noto Sans S Chinese Bold";font-size:31px;color:#858585;}
.code .company_name .en{font-family:"Arial";font-size:13px;color:#858585;text-transform: uppercase;    margin-top: 5px;}

.footer{background: url(../images/footer_bg.jpg) no-repeat center;padding-bottom: 15px;background-color:#424242;}
.footer h3{text-align: center;line-height: 30px;color:#cccccc;padding-top: 30px;font-size: 12px}
.footer>dl>h3>a{margin:0px 10px;font-family:"Arial","宋体";font-size: 12px;color:#cccccc;background: url(../images/footer_li_bg);}
.footer p{font-family:"Arial","宋体";font-size: 12px;color:#cccccc;}
.footer p a{color:#cccccc;}


